关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日

14 篇文章 0 订阅


结论:
A回放情况:
1.安卓版微信下全部不支持全景播放,仅当作普通视频播放
2.ios微信支持带拖动功能的全景播放,播放器可自定义

B直播情况:
1.安卓版微信下全部不支持全景播放,仅当作普通视频播放
2.ios微信仅当作普通视频播放,播放器不允许自定义,必须使用ios系统自带播放器

核心原因是:全景视频通过html5提供的接口context.drawImage()来实现全景视频的可交互播放,drawImage接口主要用来绘制图片,
但少部分浏览器厂商实现了绘制视频的能力,目前此接口安卓和ios系统实现标准并不统一,存在较多兼容问题,微信也存在一定限制,
安卓版微信直接限制不能把普通视频文件写入到canvas里面,直播流就更不能了,ios系统仅能回放,不能实现直播。


参考资料:

国内技术人员对相关视频播放问题总结
Canvas实时处理Video预研
淘宝前端团队(FED)视频播放的那些事

W3C官网对context.drawImage()接口的相关文档说明
https://www.w3.org/TR/2010/WD-html5-20100304/the-canvas-element.html

MDN文档:
https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/drawImage

苹果官网文档关于音视频的相关说明:https://developer.apple.com/library/content/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40008332

ios对直播内容的播放,使用ios自带的默认播放器播放,不能自定义播放器
Since most browsers now support the <audio> and <video> elements, you can simplify the process of coding for plug-ins by including only the version of the <object> tag that works with Internet Explorer as your fallback for HTML5 media.
Listing 1-7 uses HTTP Live Streaming for browsers that support it, MPEG-4 and Ogg Vorbis by progressive download for browsers that support those formats, and falls back to a plug-in for versions of Internet Explorer that don’t support HTML5
要求使用<audio> and <video> 标签来播放,仅支持mp4和ogg格式的直播流格式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值