我正在使用HTML5視頻標籤實現視頻播放器。我收到的視頻資源由Brightcove託管和交付,它是一個m3u文件。是否可以通過HTML5視頻標籤播放此視頻?HTML5視頻標籤可以播放m3u文件嗎?
我認爲從Brighcove服務器產生的m3u文件被設置爲支持自適應比特率流。我曾嘗試使用master(包含每個演繹的詳細信息)和每個單獨的演繹文件的m3u文件。
但是我的視頻標籤沒有任何反應。控制檯中沒有任何錯誤,雖然我覺得會有的。我使用的是Chrome,而且我在其他地方看過它支持m3u播放?
在你的回答中請注意,我對HTML5回放完全陌生 - 特別是m3u文件。
這裏是我的示例代碼:
<video controls autoplay="true">
<source src="http://brightcove.com/example/master.m3u?videoid=1234">
</video>
所產生的m3u文件的內容是這樣的(敏感數據刪除):
#EXTM3U
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=716000,RESOLUTION=336x184
https://brightcove.com/services/rendition.m3u8?assetId=123456
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1325000,RESOLUTION=504x276
https://brightcove.com/services/rendition.m3u8?assetId=123456
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1797000,RESOLUTION=720x394
https://brightcove.com/services/rendition.m3u8?assetId=123456
然後每個繪製的內容看起來像這個:
#EXTM3U
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456
#EXTINF:11,
#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456
#EXTINF:11,
#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456
#EXTINF:11,
etc...
m3u8是Apple HLS Tech使用的視頻播放列表。 Safari支持視頻標籤中的m3u8,即使它不是標準的一部分。 – szatmary