2007年9月2日 星期日

Firefox 3將支援<audio>以及<video>的HTML Tag



前幾天在柏強那邊看到了一個蠻令人期待的文章「Firefox 3 快報: 原生影音支援」,裡面說到Firefox 3將支援<audio>以及<video>的HTML Tag。

或許會有人覺得奇怪,從來就沒看過HTML裡面有出現過<audio>跟<video>這兩種Tag,我查了資料之後才知道,<audio>跟<video>是WHATWG所提出來的,至於什麼是WHATWG呢?就看看他們Blog裡面的FAQ吧。

<audio>跟<video>就是WHATWG的spec.所提出來新的HTML Tag,可以直接支援音樂(audio)以及影音(video)的播放,而不用再去寫那種笨拙<embed>、<object>或者是<param>了。在他們HTML 5的spec.上面寫到,最理想的情況是可以支援任何的codec,不過目前只支援Ogg而已啦。

打了這麼多終於到重點了,Chris Double就是把<audio>跟<video>放在目前開發的Firefox 3啦,大家都知道SVG是一種向量圖案,無論縮放、旋轉都不會破壞原始的SVG影像,上面的影片就是利用SVG把<video>這個Tag包起來,所以把影片縮放、旋轉、改變alpha值都是輕而易舉的事了。有興趣的可以再看看Chris Double寫的這兩篇文章「Support for HTML Video element in Firefox」和「SVG Video Demo」,或是去Chris Double的測試網頁直接下載Firefox 3來玩玩吧。

參考資料:
柏強的城市探險記
柏強的城市探險記: Firefox 3 快報: 原生影音支援
Web Hypertext Application Technology Working Group
The WHATWG Blog
The WHATWG Blog » WHATWG and HTML 5 FAQ
Ogg - Wikipedia, the free encyclopedia
HTML 5
HTML 5 - 3.14.7.1. Video and audio codecs for video elements
Bluish Coder
SVG - Wikipedia, the free encyclopedia
Bluish Coder: Support for HTML Video element in Firefox
Bluish Coder: SVG Video Demo
Test for <video> element

沒有留言: