2016-04-08 84 views
1

我正在使用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... 

回答

4

m3u文件基本上都是文本文件:playl以特殊格式包含對媒體文件的引用。所以,首先,這取決於包含的媒體文件的類型;但其次,視頻元素不適用於播放列表,但僅適用於播放單個媒體文件。目前,video元素有3種支持格式:mp4,WebM和ogg。但是,m3u文件更適用於音頻播放列表。 HTML5 <audio>元素目前支持mp3,ogg和wav文件。儘管如此,它依賴於特定的瀏覽器使用哪一個(通常,最不重要的是提供mp3和ogg文件供瀏覽器選擇)。

回到問題:0123u或audio元素不支持m3u。

+0

m3u8是Apple HLS Tech使用的視頻播放列表。 Safari支持視頻標籤中的m3u8,即使它不是標準的一部分。 – szatmary

相關問題