HTML5音频标签样式的修改

首先,在下一个HTML5中引入新元素标记
音频文件路径。
Autobuffer:设置是否音频自动缓冲加载页时。
自动播放:设置音频自动。
循环:设置音频进行循环。
控件:用于添加播放、暂停和音量控制的属性。
由于HTML5的普及,现在大部分移动终端的需求可以使用音频播放音频,但您可能只需要一个简单的播放/停止效果,但不同的浏览器音频风格是不令人满意的,所以我简单地把它作为一个包,效果如下:




作为一种技术,它的原理比较简单,是隐藏本地音频,然后使用div来显示玩家的效果,然后调用它的单击事件触发播放和停止,然后在持续时间的长度,这个值有时会,有时不,是坑,所以存储在音频然后标签长度,自定义时间属性,如果不是你要来收集组件获取这个值。

复制代码代码如下所示:
This.settings.target.on('loadedmetadata,函数(){(){
_this.duration = _this.audio.duration;
如果(_this.duration!=无限){
_this.durationcontent.html(math.floor(_this。时间)+的);
{人}
var attr = $(_this。设定目标),Attr('duration);
如果(ATTR){
_this.durationcontent.html($(_this。设定目标),Attr('duration ')+S);
其他{ }
_this.durationcontent.html(' ');
}
}
});


以上内容介绍了HTML5音频标签样式的修改,希望对您有所帮助。