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

2021-04-30 10:30:02 浏览数 (1)

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

项目介绍

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

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

项目亮点

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

整体的完成效果

小专栏购买地址

0 人点赞