jPlayer 在 Chrome 中偵測 HTML5 mp3 錯誤

因為工作的關係,使用到 jPlayer 這個音樂播放套件。 基本上 jPlayer 會使用 HTML5 的 audio tag 來播放音樂,遇到不支援 audio 的瀏覽器時,會自動 fallback 改用 flash 來播放。

但最近發現在 Chrome 上播放 mp3 時,會偵測錯誤使用 flash 播放。 稍微 google 了一下,發現 jPlayer 的 Github 上也有人回報這個 issue。 似乎在 Chrome 版本號 35 之後就會出現這個問題, 看起來應該是 Chrome 的 Bug。

而在 jPlayer 的 issue 上也有人提出了一個 workaround。 在 jquery.jplayer.js 中找到

codec: 'audio/mpeg; codecs="mp3"',

這行程式碼,將其改為

codec: 'audio/mpeg',

即可讓 jPlayer 暫時繞過這個問題,正常使用 audio 播放。不過當然還是希望 Chrome 趕緊把這個 bug 給修掉 XD

Reference: