`
a19905522
  • 浏览: 95268 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

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

阅读更多


结论:
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
分享到:
评论
2 楼 a19905522 2018-02-08  
噗噗凡 写道
  当前阶段全景直播能应用在哪些场景呢?
媒体行业,各种赛事直播,婚礼直播等等
1 楼 噗噗凡 2017-11-29  
  当前阶段全景直播能应用在哪些场景呢?

相关推荐

Global site tag (gtag.js) - Google Analytics