浅谈H5自定义音频（问题与解决）

需要在音频中插入H5活动，但它需要自定义样式，所以我编写它。

HTML

xml代码将内容复制到剪贴板。

CSS

CSS代码将内容复制到剪贴板。

进度条
{范围。
宽度：5.875rem；
身高：0.15rem；
背景：# 2386e4；
边界半径：0.25rem；
WebKit的外观：无！重要；
位置：绝对；
上图：3.55rem；
左：6rem；
}
附表
范围：：- WebKit滑块{
宽度：0.5rem；
身高：0.5rem；
背景：# FFF；
边境：1px solid # f18900；
光标：指针；
边界半径：0.25rem；
WebKit的外观：无！重要；
}

js

Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。

秒数/日格式
功能timetostr（时间）{
var m＝0，
s＝0，
_m = '00 '，
_s = '00 '；
时间= math.floor（时间为3600）；
M = math.floor（时间 / 60）；
S = math.floor（时间为60）；
_s = S＜10 '0' + +的；
_m = M＜10 '0' + M：M +；
返回_m +：+ _s；
}
触发事件回放
$（'玩'），（听到咔哒声，函数（））{
VAR音频= document.getelementbyid（'ao）；
Audio.play（）；
setInterval（）{（）函数（
var t = parseInt（音频。当前时间）；
$（，）。Attr（{ 751 } 'max：）；
$（'最大'），Html（timetostr（751））；
$（范围）。瓦迩（t）；
$（.cur）。文本（timetostr（t））；
}，1000）；
}）；
可以拖动滑块/监视器。
$(.Range).On ('change', function () {)
document.getelementbyid（'ao）。时间= this.value；$（，）。瓦迩（的价值）；
}）；

以上基本可以实现一个自定义的音频播放，但当拖动进度条有问题，电脑是好的，但是手机可以拖动，但总长度的音频播放不到几分钟，正常拖动进度后播放测试发现是不准确的。打电话的时间是不一样的电脑一样，导致播放的位置不准确，原因是上传音频压缩的话，那么在手机上的时间是不同的，正常的，所以当音频压缩，时间将手机上的变化（不是在电脑上），我们应该注意它以后。如果有什么事情是可以压缩的音频和正常通话时间，告诉小弟，哈哈。

关于这个H5自定义音频（问题解决）是萧边分享给你的所有内容，希望能给大家一个参考，我希望你能支持它。