h5活動需要插入音頻，但又需要自定義樣式，于是自己寫咯

html

css

js

以上基本可以實現自定義音頻播放，但是在拖動進度條的時候出現了問題，電腦上是ok的，但是在手機上可以拖動，只不過音頻的總時長比正常播放少了好幾分鐘，導致拖動進度后播放不準確。通過測試發現手機上拿到的duration（總時長）跟電腦上不一樣，導致滑動后播放位置不準確。究其原因發現因為上傳的音頻被我壓縮了，所以在手機上拿到的duration就跟正常的不一樣。所以音頻經過壓縮后在手機上其duration就會變（電腦上不會），以后要注意。如果有什么既可以壓縮音頻也可以在手機上拿到正常duration的方法，麻煩告知小弟，哈哈。

關于這篇淺談h5自定義audio(問題及解決)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。