0
0

Html5 Audio Ogg

C.C. 发表于 2013年08月15日 00:00 | Hits: 1620
Tag: ogg | x-content-duration | html5

{% include JB/setup %}

問題

Firefox對HTML5 Audio不支持mpeg編碼,一般的做法是選擇Ogg格式。而如果server端要支持Ogg格式的內容,需要注意一個地方:Ogg格式本身是不包含media文件的duration信息的,所以當firefox加載Ogg文件的時候,如果response裏沒有X-Content-Duration,那firefox需要多次訪問文件(當然前提是支持Range Request)來determine這個media文件的duration內容,如下圖所示:

w/o X-Content-Duration

X-Content-Duration

Response headers裏如果有了它之後,請求狀況如下圖所示:

w/ X-Content-Duration

firefox的整個步驟在這裏有一個詳細的解釋:
Bug 502894 - HTTP byte range requests for Ogg/Theora video streams make no sense

七牛

七牛CDN在國內現在算是最讚的了,比如支持很酷的轉碼方案:

對於一個MP3文件:http://niting.qiniudn.com/Jules%20Massenet%20-%20Meditation.mp3,如果需要使用Ogg格式的,只需要在後面添加:?avthumb/ogg/acodec/libvorbis/ab/192k即可。

但是缺點就是Respones Headers是不包含X-Content-Duration的… what a pitty :(

原文链接: http://onlyvc.us/html5-audio-ogg/

0     0

我要给这篇文章打分:

可以不填写评论, 而只是打分. 如果发表评论, 你可以给的分值是-5到+5, 否则, 你只能评-1, +1两种分数. 你的评论可能需要审核.

评价列表(0)