html中audio标签的用法,在html5中audio标签用于定义播放( )文件的标准
先给大家介绍下HTML5中的新元素标签 src:音频文件路径。
Autobuffer:设置页面加载时是否自动缓冲音频。
自动播放:设置是否自动播放音频。
Loop:设置音频是否应该循环播放。
控件:属性用于添加播放、暂停和音量控件。
由于html5的流行,现在移动终端的大部分需求都可以用audio来播放音频,但是你可能只是需要一个简单的播放/停止效果,但是不同浏览器上的音频风格都不尽如人意,所以我简单封装了一下,效果如下:
作为技术实现,它的原理比较简单,就是隐藏原生音频,然后用div显示播放器的效果,再调用它的click事件触发播放和停止,然后是时长。这个值有时候可以得到,有时候不能,所以建议在音频标签上自定义时长属性存储时间。这时候如果组件得不到,就会得到这个值。复制代码如下:
this . settings . target . on( loaded metadata ,function() {
_ this . duration=_ this . audio . duration;
if (_this.duration!=无穷大){
_ this . duration content . html(math . floor(_ this . duration)s’);
}否则{
var attr=$(_ this . settings . target)。attr(持续时间);
如果(属性){
_ this . duration content . html($(_ this . settings . target)。attr( duration ) s );
}否则{
_ this . duration content . html();
}
}
});
以上内容介绍了Html5音频标签样式的修改,希望对你有帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。