網頁內嵌多媒體當機‧整體優解
QuickTime Plug-ins 7.7.4 Total Study and
Optimistic Solution
The origin of multimedia was slide show. As the IT development, it includes text, image, music, animation, video and interactivity.
網路多媒體除了靜態的文字、圖像之外,還包括動態的影音應用:動畫、視訊、數位音樂、與網路互動-即網路資料庫應用。數位音樂的播放,又有背景式與內嵌播放器式(Plug-ins)。可使用播放清單,製作編排影音節目,又牽涉與瀏覽器、媒體播放器的搭配。
Chrome QuickTime Plug-ins Crashed 的全球災難
Chrome 於 2013年12月12日,出現錯誤訊息"QuickTime Plug-ins 7.7.4 has crashed"後,造成全球災難與廣泛討論,但至2014年1月31日止,全球似尚無解決方案。我利用年假幾日研究,終獲得最佳優解建議如下。
本次事件並非第一次 網頁內嵌多媒體當機,在未來預料仍將發生,故本文後續,將再分析會造成當機的整體因素,提供整體的理解。
內嵌多媒體當機優解方案
QuickTime Plug-ins 7.7.4 當機的直接原因是無法播放 .mp3 和.mid 檔案,而這兩者是當前使用量、普及度最多的兩種檔案。而整體的原因包括 4 項因素:網頁語言命令、媒體播放器、檔案格式、瀏覽器,而又以 HTML 4 與 HTML 5 形成分水嶺。
「優解」是指綜合考量各種縱橫交錯的問題,並同時適用在3大瀏覽器,沒有單一解決方法。只能從「網站開發者」與「使用者」兩方,分別提供相對最大範圍的解決方案。
QuickTime Plug-ins當機‧網站開發者解決
修改程式語言。並分為當前實用的 HTML4 + xHTML 與發展中/未來的HTML5。
HTML4 + xHTML 網站
播放 mp3 檔案
<embed src="http://虛擬路徑(絕對位址)/主檔名.mp3" width="240" height="40" autostart="false" loop="0" type="audio/mpeg" style="float: text-top;" >
若改用實體路徑(相對位址),有些瀏覽器不接受。
萬一 type="audio/mpeg" 不能播放,可改 type="audio/x-mpeg"。
Chrome 當前無法以QuickTime播放,必須再由使用者端解決。
播放 mid, midi 檔案
<embed src="http://虛擬路徑(絕對位址)/主檔名.mid" width="240" height="40" autostart="false" loop="0" type="audio/mpeg" style="float: text-top;" >
Chrome 當前無法播放。
HTML5 網站
基本程式碼如下,但仍另要設定 HTML5 player 播放器等多項工作。
<audio controls>
<source src=http://虛擬路徑(絕對位址)/主檔名.mp3"
type="audio/mpeg">
<embed height="40" width="240"
<source src=http://虛擬路徑(絕對位址)/主檔名.mid"
type="audio/mpeg">
<embed height="40" width="240" src=http://虛擬路徑(絕對位址)/主檔名.mid">
</audio>
請參「HTML5媒體播放器:旭光戰場」專篇介述。
QuickTime Plug-ins當機‧使用者端解決
如果要收聽
mp3, mid 音樂
瀏覽器選擇以 Firefox 第一、IE 其次。
Chrome
改用VLC Player
如果只要收聽 mp3, 不聽 mid ,可以用 Chrome,但要:
停止 QuickTime Plug-ins
改用 VLC Player Plug-ins
VLC 在2013年仍支援 .mid,但2014 因解碼器安全因素停用,未知前景如何。
內嵌多媒體當機整體症狀說明
QuickTime Plug-ins當機症狀,其實已曾以不同形式發生,未來料必仍會有變種形式錯誤,故必須知其病灶,每次再對個案處理。
整體的原因是以下 4 項因素交互作用的結果:HTML網頁語言命令變遷、媒體播放器、檔案格式、瀏覽器,而又以 HTML 4 與 HTML 5 形成分水嶺。
HTML網頁語言命令變遷
網頁語言命令當前的版本是HTML 4.01與XHTML 1.0,最新發展中的是HTML 5 版,雖然已公佈一些新命令與規範,但預訂2014年底才能完成「推薦版」(即試用版),而在2016完成標準版。
網頁視訊 4 大命令是<embed>, <object>,<video>,<audio>。
<embed>和<object>互相消長,而配合 HTML 5 的發展,又有多次修改。
<embed>是 HTML 5 中極少沒有結束「/」號的命令。
為了解決不同多媒體檔案可同時播放,而發展的新命令 <audio> <source>,又尚未可同時普及應用在3大瀏覽器。
檔案格式
HTML5 媒體播放器,原則上都只支持播放器符合 H.264 標準的檔案。
什麼是H.264? 簡單的說,H.264 就是 MP4。
HTML5 媒體播放器另外還支持 Theora 格式的: .ogv, .ogg 檔案,以及Google 在推的V8, V9 標準的 .WebM 檔案。
不論當前我們如何偏愛 mp3, mid,預料 mp3 在2017年後完全被 mp4 取代。
唯具備獨特性、成本低、適合個人陽春創作環境的 mid,前景還在未定之天。
唯當前各相關論壇的討論,有關 mid 的比例極少,可能因為參與制訂標準的人,大多數是「資訊人」而極少數是「音樂人」、尤其是「有才無財的窮音樂人」吧?
史上因檔案格式改變而造成資料損失、甚至消滅的事例已有多起,還是現在起趕緊開始轉檔吧!
請參考「視訊檔案轉換」專篇。
很遺憾的, mid 檔是不能轉的。
媒體播放器
Chrome 和 FF 的內嵌媒體播放器以 QuickTime 為優先,但 QuickTime 不再支援 mp3, mid,而這2種卻是應用最廣的檔案!
Chrome 以前也出過問題,頂多不播放,不理會也就算了。但這次會一直跳出干擾訊息與 debug 視窗。不僅前端煩,它後端會誤以為在叫串流檔案,一直呼叫,結果造成系統大慢,也就是引起全球騷動的原因!
這方面,請參見「媒體播放器」系列專篇:
Intro
媒體播放器導論
Windows
Media Player
Adobe
Flash Player
YouTube
Player
HTML5
Player
預期2017後,應是 HTML5 Player 的天下。
瀏覽器
當前 3 大瀏覽器,雖然原則跟隨 W3C,但 IE 和 Chrome 還是有許多獨門的處理,造成相容困難,Chrome 出問題尤其多。
IE 9+ 才支援<source>,使得尚存廣大的 XP,無法解套。
Chrome 自己內設了一個簡單的 mp3 播放器,卻不是W3C標準。
如果標準程式碼含 type="audio/mpeg ,它會使用 QuickTime 或其他媒體播放器。如果省略,會以自己的媒體播放器來播,但它一定開啟就自動播放,且面版很大,不方便使用。
而 Chrome 若要播放 mid,當前可說無解。
Google 網上論壇
The best answer was for Mac OS only. I have solutions for Windows users and for all HTML4 + xHTML sites, if you are a web developer as well. WebDesign-Multi_Plug-ins_crashed.htm
<Embed> Media 嵌入標籤澈底研究
Background Audio 背景音樂設計
Playlist 播放清單設計
Special Topics in Digital Music Zone 數位音樂特區

