1 Star 3 Fork 2

codeveryday / mukevideo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

mukevideo概述

mukevideo是一个使用react native实现一个兼容ios,android的视频播放器并带有完整的类似qq的导航框架

Install

//码云地址
git clone https://gitee.com/codeveryday/mukevideo
//或者github地址
git clone https://github.com/codeverydaya/mukevideo.git

cd mukevideo
yarn install

第三方库

库名字 版本 描述
react-native 0.59.8 rn主库,提供rn基础功能
react-native-video 5.0.0 视频播放组件
react-native-linear-gradient 2.5.6 渐变色组件
react-native-orientation 3.1.3 控制屏幕的方向
react-navigation 3.11.1 用于app导航
react-native-gesture-handler 1.3.0 用于react navigation手势处理

功能介绍

  • 调节倍速播放
  • 视频的播放暂停
  • 分辨率的适配
  • 播放进度的调节
  • 动画的效果制作
  • 全屏的两种实现
  • 构建出一个完整的类似qq的导航框架

效果图

开屏页 热门页面 抽屉页面 我 视频播放--竖屏 视频播放---横屏

番外篇

本项目是我在慕课网讲的一门课程(React native开发播放器),课程主要讲解一下内容,大家有需要可以去学习

课程内容

  1. react navigation常用导航器
  2. react navigation导航器组合使用,实战类似qq导航器
  3. react navigation原理的深入与源码解读
  4. react-native-video的使用与配置
  5. 视频播放器全屏适配
  6. react native触摸事件处理与播放器的结合

课程目录

第一章 导学与环境构建 1.1 导读
1.2 慕课视频功能展示
1.3 环境搭建
1.4 环境与项目结构
第二章 react navigation构建导航框架 2.1 react navigation概述
2.2 初识react navigation
2.3 详解栈导航器
2.4 深入react navigation原理
2.5 其他三种导航器略讲
2.6 类似qq导航框架的实现
2.7 抛砖引玉的源码阅读
第三章 产品设计—视频播放器 3.1 需求分析与结构构建
3.2 UI实现视频控制层
3.3 视频控制层的显隐
3.4 可以触控的进度条
3.5 全屏实现方案一
3.6 全屏实现方案二
第四章 课程总结 4.1 课程总结

License

BSD. Copyright (c) codeveryday.

空文件

简介

react native开发视频播放器 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/codeveryday/mukevideo.git
git@gitee.com:codeveryday/mukevideo.git
codeveryday
mukevideo
mukevideo
master

搜索帮助