關於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格式的直播流格式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章