视频播放有3种解决方案,使用HTML5的自带video、从HBuilder9.1.3起新增的plus.video的原生视频播放,以及使用Native.js。

  1. HTML5自带video标签,可以播放符合HTML5规范的视频格式。
    注意不含flv、ra等三方商业公司的规范格式。
    HTML5的video在Android上有较多浏览器兼容性问题,这里有篇网友分享的经典文章讲述了HTML5 video的使用注意,强烈推荐观看。
    http://ask.dcloud.net.cn/article/569
    注意事项,Android上使用video标签播放视频时,务必打开硬件加速,否则只有声音没有画面。
    HBuilder8.8.4以前的版本,在Android5的部分rom上是默认关闭硬件加速的,此时需强制打开硬件加速。创建webview时style里有个hardwareAccelerated参数,设置为true。
    硬件加速的详解参考文档http://ask.dcloud.net.cn/article/55
    视频全屏播放时有时不能自动横屏最大化,参考http://ask.dcloud.net.cn/article/1077
    HTML5自带video,如果想实现手势拖动进度,这里有篇参考文章http://ask.dcloud.net.cn/article/13263,但受限于HTML5的性能,拖动无法流畅跟手。
    iOS的视频播放,使用uiWebview和wkWebview有不同效果,wkWebview的视频播放自带AirPlay功能,可以直接连接电视。但需要注意wkWebview和uiWebview的差异,详见http://ask.dcloud.net.cn/article/1318

  2. plus.video的原生视频
    很多开发者对于HTML5自带视频有几处不满:
    a) 支持格式不丰富,比如flv
    b) 全屏后手势拖动不流畅,不能顺滑的拖动进度和音量、亮度
    在开发者提供直播推流时,5+引擎引入了专业视频解码库,也就顺便提供了plus.video的原生视频播放能力。
    但plus.video的原生视频播放会增加不少包体积,需要开发者自己平衡好需求。
    5+App里原生视频控件需要使用js创建,参考http://www.html5plus.org/doc/zh_cn/video.html
    uni-app里的video组件,默认不是HTML的video,默认就是原生video。
    使用原生video注意它的层级较高,覆盖原生控件,在5+app里使用plus.nativeObj.view,在uni-app里使用cover-view或plus.nativeObj.view都可以。

  3. 除了HTML5的video,开发者也可以在Android上使用Native.js调用系统播放器来放视频。
    但视频的播放进度等状态无法回传给js层。
    参考http://ask.dcloud.net.cn/question/614

转载于:https://www.cnblogs.com/HopeInTheDark/p/11506360.html

uni app video、视频播放开发相关推荐

  1. uni app和php开发微信登录代码,uniapp如何实现微信授权登录

    uniapp实现微信授权登录的方法:首先获取对应的appid和appsecret:然后在uniapp项目的manifest.json中进行APP SDK配置和模块权限配置.最后实现编码. 本教程操作环 ...

  2. 切换 uniapp_万能前端框架uni app初探03:底部导航开发

    前言 本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...

  3. uni app 开发微信小程序及上线体验

    uni app 开发微信小程序及上线体验 项目创建及微信小程序AppId的申请 本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...

  4. 视频直播APP源码开发iOS音频播放流程

    视频直播APP源码开发iOS音频播放流程 概览 随着移动互联网的发展,如今的手机早已不是打电话.发短信那么简单了,播放音乐.视频.录音.拍照等都是很常用的功能.在iOS中对于多媒体的支持是非常强大的, ...

  5. uni.app H5(微信公众号定位) uni.getLocation

    最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...

  6. HbuilderX:uni app踩坑之uView-ui

    HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...

  7. uni App+H5 实现人脸识别

    uni App+H5 实现人脸识别 通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...

  8. uni app 视频播放功能

    视频播放功能,需求:编译成纯h5网页,运行在任意容器里,如浏览器.安卓原生和iOS等 媒体组件video 首先使用video组件,然后高度需要自己设置 uni.createVideoContext 官 ...

  9. zx-editor 移动端(HTML5)富文本编辑器,可与原生App混合(hybrid)开发

    zxEditor 移动端HTML文档(富文本)编辑器,支持图文混排.引用.大标题.无序列表,字体颜色.加粗.斜体. 可用于独立web项目开发,也可以用于与原生App混合(hybrid)开发. 源码地址 ...

最新文章

  1. word2vec 中的数学
  2. MySQL读写分离应用层实现
  3. vuex报错: [vuex] Expects string as the type, but found undefined.
  4. 专访腾讯产品总监邬沛君:TStack斩获OSCAR技术创新奖的背后
  5. SAP Cloud SDK for JavaScript 概述
  6. 那些牛逼的数据分析师,SQL用的到底有多溜
  7. Python--发送邮件
  8. 蓝桥杯 ADV-113 算法提高 c++_ch02_02
  9. 输出空格隔开换行_VB编程(六)数据输出 Print 及相关方法
  10. 「爬虫入门」拒绝跟热点搞python,直接在浏览器里体验『第一次』,理解原理=>如鱼得水
  11. 博客linux系统下载器,linux的下载工具
  12. QQ for linux(ubuntu) 下载安装教程
  13. 单片机 架构 程序 经验总结_单片机学习心得体会_经验总结
  14. UCOSII系统移植详解
  15. python爬虫基础案例——爬取猫眼电影并保存数据到excel
  16. 什么是双线服务器?只是双线路接入?
  17. TensorFlow Session 中关于 GPU 的配置项解析 ——转自 慢慢学TensorFlow 微信公众号
  18. HEXO+ICARUS主题配置安装经验分享
  19. WECHAT 微信扫码关注公众号方法无法获取头像和昵称了
  20. java multi tenancy_MybatisPlus 多租户架构(Multi-tenancy)实现详解

热门文章

  1. TCP连接的四次挥手全过程
  2. 程序员薪酬高达 462 万元:是怎么回事?
  3. ML-czy的小组任务
  4. java mail实现smtp登录验证
  5. autoCAD 创建和编辑AutoCAD图元
  6. cocos2dx画扇形
  7. Android studio真机调试(用小米10s为例)
  8. caxa图文档服务器未启动,CAXA协同管理图文档
  9. 16大类31种好看的可视化图表,图表控们快收藏!
  10. Unity旋转基础——二维旋转与三维旋转