uni app video、视频播放开发
视频播放有3种解决方案,使用HTML5的自带video、从HBuilder9.1.3起新增的plus.video的原生视频播放,以及使用Native.js。
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/1318plus.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都可以。除了HTML5的video,开发者也可以在Android上使用Native.js调用系统播放器来放视频。
但视频的播放进度等状态无法回传给js层。
参考http://ask.dcloud.net.cn/question/614
转载于:https://www.cnblogs.com/HopeInTheDark/p/11506360.html
uni app video、视频播放开发相关推荐
- uni app和php开发微信登录代码,uniapp如何实现微信授权登录
uniapp实现微信授权登录的方法:首先获取对应的appid和appsecret:然后在uniapp项目的manifest.json中进行APP SDK配置和模块权限配置.最后实现编码. 本教程操作环 ...
- 切换 uniapp_万能前端框架uni app初探03:底部导航开发
前言 本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
- uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验 项目创建及微信小程序AppId的申请 本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
- 视频直播APP源码开发iOS音频播放流程
视频直播APP源码开发iOS音频播放流程 概览 随着移动互联网的发展,如今的手机早已不是打电话.发短信那么简单了,播放音乐.视频.录音.拍照等都是很常用的功能.在iOS中对于多媒体的支持是非常强大的, ...
- uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
- HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
- uni App+H5 实现人脸识别
uni App+H5 实现人脸识别 通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...
- uni app 视频播放功能
视频播放功能,需求:编译成纯h5网页,运行在任意容器里,如浏览器.安卓原生和iOS等 媒体组件video 首先使用video组件,然后高度需要自己设置 uni.createVideoContext 官 ...
- zx-editor 移动端(HTML5)富文本编辑器,可与原生App混合(hybrid)开发
zxEditor 移动端HTML文档(富文本)编辑器,支持图文混排.引用.大标题.无序列表,字体颜色.加粗.斜体. 可用于独立web项目开发,也可以用于与原生App混合(hybrid)开发. 源码地址 ...
最新文章
- word2vec 中的数学
- MySQL读写分离应用层实现
- vuex报错: [vuex] Expects string as the type, but found undefined.
- 专访腾讯产品总监邬沛君:TStack斩获OSCAR技术创新奖的背后
- SAP Cloud SDK for JavaScript 概述
- 那些牛逼的数据分析师,SQL用的到底有多溜
- Python--发送邮件
- 蓝桥杯 ADV-113 算法提高 c++_ch02_02
- 输出空格隔开换行_VB编程(六)数据输出 Print 及相关方法
- 「爬虫入门」拒绝跟热点搞python,直接在浏览器里体验『第一次』,理解原理=>如鱼得水
- 博客linux系统下载器,linux的下载工具
- QQ for linux(ubuntu) 下载安装教程
- 单片机 架构 程序 经验总结_单片机学习心得体会_经验总结
- UCOSII系统移植详解
- python爬虫基础案例——爬取猫眼电影并保存数据到excel
- 什么是双线服务器?只是双线路接入?
- TensorFlow Session 中关于 GPU 的配置项解析 ——转自 慢慢学TensorFlow 微信公众号
- HEXO+ICARUS主题配置安装经验分享
- WECHAT 微信扫码关注公众号方法无法获取头像和昵称了
- java multi tenancy_MybatisPlus 多租户架构(Multi-tenancy)实现详解