伴隨<video>的<track>元素、可以以JavaScript控制的字幕與字幕格式WebSRT

Hello  大家好我是Kenny,


再來跟大家介紹可能的新HTML（HTML6?）標準的情報～～ 
有"*"的地方是歡迎大家一起研究一下的地方～

在WHATWG版本的HTML5裡，在最近多了一個新的元素<track>可 
以加在<video>或是<audio>下面[1]，範例如下：

<video src="電影.ogv">
     <track src="简体字幕.srt" kind="subtitles" srclang="zh-hans" />
     <track src="繁體字幕.srt" kind="subtitles" srclang="zh-hant" />
</video>

（以JavaScript模擬出來的效果請參考[2] 需要支援Ogg這個 
影像格式的瀏覽器）

<track>是代表Timed Track（*請問大家這應該翻成「時間 
軌」嗎？），可以有以下的用途

- 字幕 (kind="subtitles")
- 給聽障者用的文字對話 (kind="captions")
- 排白說明 (kind="descriptions")
- 章節排程 (kind="chapters")
- 有時間軸的後設資料/元數據 (kind="metadata")
- 歌詞 (kind="lyrics")  - 這應該是<audio>用的 有在WHATWG的維 
基[3]上被提到 但是標準裡沒有*

維基/標準還有提到用JavaScript動態插入字幕，或是字幕 
用的CSS pseudo class ::cue，非常有趣。我想我們用字幕用 
的這麼多，應該可以對這個四個月前左右才新想出來的 
東西提供一些新想法或是錯誤回報才對！

有一些研究動畫或是卡拉OK[4]用的字幕的筆記 xdd （有 
人知道卡拉OK的歌詞變動要怎麼做出來嗎？CSS3 Transition 
辦得到嗎？）

這裡徵求想翻譯那個維基的人*

跟最早在至定<video>標準的時候一樣，現在的情況字幕 
也有一個瀏覽器該支援的底線格式叫做WebSRT -> [5]，是 
由一種叫做SRT的很流行的字幕格式加一些HTML元素如 
<ruby>產生的。我們W3C的Mike說要跟我賭VeryCD上的字幕格 
式是不是大都用SRT，有人要幫忙調查一下嗎*？


== Q & A ==

Q: WHATWG跟W3C的關係到底是.....

A: 這太難解釋了，下次有空介紹 orz

Q: W3C不是還有一個叫做Timed Text Markup Language (TTML)[6]的東 
西嗎？這個東西會不會變成沒人在用 xdd

A: 有可能，不過就W3C的PLH的意思是說，電視機產業的人 
對TTML還是抱有比較大的興趣，所以以後WebSRT會不會像 
Ogv被從HTML的標準規範上拿掉就不知道了。順道一提， 
最近像是Google TV抑或是W3C的Web on TV工作坊[7]都還蠻熱 
的，就請大家期待用電視上網的未來吧！

[1] http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#the-track-element

[2] http://people.opera.com/danield/html5/websrt/

[3] http://wiki.whatwg.org/wiki/Timed_tracks

[4] http://wiki.whatwg.org/wiki/Use_cases_for_timed_tracks_rendered_over_video_by_the_UA

[5] http://www.whatwg.org/specs/web-apps/current-work/websrt.html

[6] http://www.w3.org/TR/2010/CR-ttaf1-dfxp-20100223/

[7] http://www.w3.org/2010/09/web-on-tv/



此致 Kenny

Received on Wednesday, 1 September 2010 22:09:43 UTC