vuecli实现移动端视频类webAPP 项目发布地址

9月初就申请了 掘金小册子，到现在也没审核通过，只能将此项目的文字教程发布到小专栏了， 小专栏地址

项目介绍

使用vue.js作为此项目的技术栈，通过项目脚手架搭建、数据mock、架构设计、代码编写、编译打包，使读者了解前端开发全流程。项目中的代码规范致力于编写高可维护，易于扩展的前端高质量代码。 项目中视频自动播放、上拉播放、下拉播放是本项目的亮点，h5调用手机端摄像头实现 视频采集 更是亮点中的亮点 主要包含以下几个部分：

• 1：vue工程初始化(移动端rem适配、阿里图标字体引用)
• 2：APP项目骨骼搭建、
• 3：首页、朋友、发布、我的、视频播放组件封装
• 4：利用video.js 实现H5视频播放功能。
• 5：利用vuex做全局数据状态共享

项目亮点

• 1：H5调用安卓ios摄像头实现录像并将录像上传到工程内
• 2：小视频上传
• 3：视频列表上拉时暂停播放正在播放的视频，自动播放下一个视频
• 4：视频列表下拉时暂停播放正在播放的视频，自动播放上一个视频

整体的完成效果

小专栏购买地址