9月初就申请了 掘金小册子,到现在也没审核通过,只能将此项目的文字教程发布到小专栏了, 小专栏地址
项目介绍
使用vue.js作为此项目的技术栈,通过项目脚手架搭建、数据mock、架构设计、代码编写、编译打包,使读者了解前端开发全流程。项目中的代码规范致力于编写高可维护,易于扩展的前端高质量代码。 项目中视频自动播放、上拉播放、下拉播放是本项目的亮点,h5调用手机端摄像头实现 视频采集 更是亮点中的亮点 主要包含以下几个部分:
- 1:vue工程初始化(移动端rem适配、阿里图标字体引用)
- 2:APP项目骨骼搭建、
- 3:首页、朋友、发布、我的、视频播放组件封装
- 4:利用video.js 实现H5视频播放功能。
- 5:利用vuex做全局数据状态共享
项目亮点
- 1:H5调用安卓ios摄像头实现录像并将录像上传到工程内
- 2:小视频上传
- 3:视频列表上拉时暂停播放正在播放的视频,自动播放下一个视频
- 4:视频列表下拉时暂停播放正在播放的视频,自动播放上一个视频
整体的完成效果
小专栏购买地址