html中audio标签的用法,在html5中audio标签用于定义播放( )文件的标准

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: