uni app video、视频播放开发

视频播放有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

时间: 2024-10-08 14:44:05

uni app video、视频播放开发的相关文章

uni.app实践---微信公众号h5开发记实-----第一篇

介绍:==uni-app== 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可编译到iOS.Android.H5.以及各种小程序(微信/阿里/百度/头条/QQ)等多个平台. uni-app官网:传送门 uni-app插件市场:传送门 前一段时间因为个人了解到这个比较nb的多端开发框架,所以有兴趣自己去尝试了一下,从开始的搭建项目到微信公众号h5的登录-->微信支付都尝试了一遍.第一次尝试也踩了很多的坑.相信有很多小伙伴也遇到过这样的疑惑和问题.(大神略过),所以在这里写下

移动端HTML5<video>视频播放优化实践

转帖: http://www.xuanfengge.com/html5-video-play.html 如果侵权请告知删除 遇到的挑战 移动端HTML5使用原生<video>标签播放视频,要做到两个基本原则,速度快和体验佳,先来分析一下这两个问题. 下载速度 以一个8s短视频为例,wifi环境下提供的高清视频达到1000kbps,文件大小大约1MB:非wifi环境下提供的低码率视频是500kbps左右,文件大小大约500KB:参考QzoneTouch多普勒测速,2g网络的平均速度是14KB/s

移动端HTML5&lt;video&gt;视频播放优化实践[转]

http://www.xuanfengge.com/html5-video-play.html 遇到的挑战 移动端HTML5使用原生<video>标签播放视频,要做到两个基本原则,速度快和体验佳,先来分析一下这两个问题. 下载速度 以一个8s短视频为例,wifi环境下提供的高清视频达到1000kbps,文件大小大约1MB:非wifi环境下提供的低码率视频是500kbps左右,文件大小大约500KB:参考QzoneTouch多普勒测速,2g网络的平均速度是14KB/s,那么下载一个低码率视频耗时

上门洗车APP --- Android客户端开发 之 网络框架封装(二)

上门洗车APP --- Android客户端开发 之 网络框架封装(二) 前几篇博文中给大家介绍了一下APP中的基本业务及开发本项目使用的网络架构: 上门洗车APP --- Android客户端开发 前言及业务简介 上门洗车APP --- Android客户端开发 之 网络框架封装介绍(一) 本篇接着给大家分享网络框架封装,相信感兴趣的朋友已经对上篇博文中的一些开源项目有了些许了解,这里继续为大家介绍关于GenericDataManager 通用网络管理类中的 dataRequest 方法 和

上门洗车APP --- Android客户端开发 前言及业务简介

上门洗车APP --- Android客户端开发 前言及业务简介 最近有些小累,私自接了一个项目,利用空余时间在开发,也比较乏力,时间和精力上有时候分配不过来,毕竟公司的事情要忙,只能自己抽时间来完成了,男人嘛,累点好,舒服是留给死人的(套用了一句逼格的话,o_O"~). 项目目前还在开发中,接口的调试以及业务的分析,框架的搭建,客户端这边已进行的差不多了,明天端午节,先祝大家节日快乐,汗~,看了下时间,貌似博客写完发表已经是端午节了,好吧,咕嘟咕嘟...... 大晚上的也是睡不着,写写博客,总

移动APP为什么要开发两套Android和IOS-桥接模式

一.前言 现在用H5开发个 web app 多么方便,兼容两大系统Andriod和IOS.但是为什么许多公司还要开发原生的APP?开发原生的APP就需要开发两套一套运行在Andriod系统的,一套运行在IOS系统的,麻不麻烦啊? 我咨询了一个专业做移动端的朋友说:H5做展示性的还可以,交互太多还是需要做原生的!具体我不懂不做过多描述了. 其实开发几套和我们今天的主题的没有多大的关系,只是一个引子. 今天就一支付宝.微信的例子解说最近正在看的设计模式-桥接模式. 例子只是加深对桥接模式的理解!!!

实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能

系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构  实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能 接上一篇系列文章,在本文中,将进一步的去实现页面功能.去实现输入

“简密”App Store处女作开发总结

前言 今天是我的iOS App Store上架应用处女作"简密"第一天上线的日子,简密是我从事iOS开发三年以来的第一款个人上架应用,之前做过两年的企业级应用开发以及公司的电商应用开发,有不少应用上架的经验,但要是论全然从头到尾,设计.制图.开发.測试.文案.广告以及部署上架全然由自己一人完毕,"简密"确实是我的处女作.不论上架之后销售效果怎样,这次开发的过程帮我又一次梳理了一遍iOS App Store应用开发上架的整个流程,这点是我认为做这件事意义最大的地方,当

提高到精通移动(android、IOS)App应用服务程序开发

6.2 开发提高 请学习同一下载包中的开发手册中的基本标签语言及表达式 6.3 精通移动App应用服务程序开发 熟悉轻开平台针对移动App(json格式)的规则及开发例子 除了基本开发标签语言及表达式(参见同一下载包中的开发手册)外,轻开平台特别针对移动App最常用的json文本格式开发的对应规则: ? 文件扩展名须为json(如:one.json)或用JspEasy扩展的jsp文件名 ? 文件内容须为闭合的json格式,静态内容则可直接书写json格式,如: {"item": { &