網頁內嵌多媒體當機‧整體優解
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

QuickTime Plug-ins當機‧網站開發者解決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 當前無法播放。

QuickTime Plug-ins當機‧網站開發者解決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當機‧使用者端解決

QuickTime Plug-ins當機‧使用者端解決如果要收聽 mp3, mid 音樂

瀏覽器選擇以 Firefox 第一、IE 其次。

QuickTime Plug-ins當機‧使用者端解決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. http://tx.liberal.ntu.edu.tw/ColorStone/Docs/WebDesign-Multi_Plug-ins_crashed.htm


<Embed> Media 嵌入標籤澈底研究


Background Audio 背景音樂設計

Playlist 播放清單設計

Special Topics in Digital Music Zone 數位音樂特區

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題