DCloud_heavensoft
DCloud_heavensoft
  • 发布:2016-04-03 05:38
  • 更新:2019-07-10 15:20
  • 阅读:37139

video、视频播放开发注意

分类:HTML5+

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

13 关注 分享
qmit 明峰 秋天无风 Trust Dojoson 杰哥seo klever1989@gmail.com 826138363@qq.com 逐鹿实验室 Warn MooGu 菜鸡 fate_23409@hotmail.com

要回复文章请先登录注册

rainbow1218

rainbow1218

回复 sacrg793@aliyun.com:
请问,这问题解决了吗?
2019-07-10 15:20
lovewmf@sina.cn

lovewmf@sina.cn

下载的文件只能下载到sdk里面?没有sdk的情况下怎么下载到内部存储
2019-05-20 17:27
lovewmf@sina.cn

lovewmf@sina.cn

请问可不可以缓存视频?
2019-05-20 17:26
漫天飞雪

漫天飞雪

请问在视频推流后,拉流播放时画面正常,声音卡的无法听清楚,这种情况该怎样解决
2019-05-09 14:58
辛德瑞拉

辛德瑞拉

回复 362339094@qq.com:
可以设置呀,文档就有的,我已经设置了
2019-02-22 14:19
zino

zino

plus.video 在电视盒子上很卡,请问有办法优化吗?声音是流畅的,就是画面一顿一顿地。
2019-02-22 13:29
sacrg793@aliyun.com

sacrg793@aliyun.com

回复 DCloud_heavensoft:
请问,在plus.video全屏的时候加个控件上去,发现没法加,即使用plus.nativeObj.view,还是覆盖不了,请指点,官方是不是还没有开发出能覆盖的东西。谢谢。
2019-02-16 16:14
384214001@qq.com

384214001@qq.com

mark
2019-01-28 20:44
362339094@qq.com

362339094@qq.com

视频封面图支持设置吗?文档里面没有相关说明
http://www.html5plus.org/doc/zh_cn/video.html
2019-01-23 19:52
anonymous1005@foxmail.com

anonymous1005@foxmail.com

mark
2018-11-09 15:16
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 1570616719@qq.com:
本帖是视频播放,不是拍摄。Android视频录制时长控制请使用Native.js,[参考](http://ask.dcloud.net.cn/question/45756)
2018-10-26 17:44
1570616719@qq.com

1570616719@qq.com

请问下安卓拍视频怎么用supportedVideoResolutions设置到较小的分辨率啊,现在一拍视频文件几十秒就超级大
2018-10-26 17:10
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 itxiaoxiao:
已更新,见plus.video
2018-08-07 03:45
fate_23409@hotmail.com

fate_23409@hotmail.com

mark
2018-05-03 15:10
itxiaoxiao

itxiaoxiao

太坑了,我现在就需要flv格式的,官方视频格式能全些吗
2018-05-02 15:08
Warn

Warn

video、视频播放开发收藏
2017-12-28 18:27
704163475@qq.com

704163475@qq.com

Native.js调用系统播放器这个有完整的demo 么
2017-10-14 22:21
915621784@qq.com

915621784@qq.com

表示懒码农没办法看下去,希望出一个完整的demo出来
2017-07-14 13:51
klever1989@gmail.com

klever1989@gmail.com

mark
2017-07-03 04:59
杰哥seo

杰哥seo

希望尽快增加与视频播放或者直播相关的模块
2017-06-23 14:21
杰哥seo

杰哥seo

回复 362673301@qq.com:
顶顶顶赞赞赞
2017-06-23 14:21
1019422167@qq.com

1019422167@qq.com

mark
2017-05-18 20:45
371695530@qq.com

371695530@qq.com

mark
2017-05-03 11:13
531949150@qq.com

531949150@qq.com

这个没得那就太郁闷了
2017-05-02 18:17
H5上传

H5上传

回复 362673301@qq.com:
这个没得太恼火了
2017-04-27 10:38
yiyuanhust@gmail.com

yiyuanhust@gmail.com

mark
2017-04-06 22:17
森林恋曲ing

森林恋曲ing

我APP直接网页跳转打开到我的电影网站,视频是爱奇艺的内嵌播放器,就是无法窗口最大化
2017-03-28 21:49
bughunter

bughunter

mark
2017-03-23 11:50
mafx

mafx

mark
2017-03-20 10:40
362673301@qq.com

362673301@qq.com

我觉得视频播放很重要,现在什么app不需要音频和视频播放呢?何况现在直播大火的今天,如果这个成为hbuilder的短板的话,我相信很多项目都不会采用这个开发app,因为不知道后面会有多少坑等着他们,伤不起的。所以强烈需求hbuilder升级关于视频播放的东西,这样才能应对各种需求,否则只能做做小项目,而且体验也不如原生。
2017-03-13 20:08