audio的事件

最新推荐文章于 2024-03-04 11:23:10 发布

Jookerone

最新推荐文章于 2024-03-04 11:23:10 发布

阅读量1.5k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_45178972/article/details/117552918

版权

javascript 专栏收录该内容

122 篇文章 1 订阅

订阅专栏

本文介绍了音频播放事件监听，包括'canplay'（准备播放）、'error'（播放错误）事件，以及如何通过'timeupdate'事件获取并控制当前播放时间。同时，提供了时间格式化的辅助函数，用于将秒数转换为分钟:秒的格式，便于用户界面展示。

摘要由CSDN通过智能技术生成

canplay :可以播放的时候触发
error:网络错误的时候触发
timeupdate:播放时,e.target是audio标签，e.target.currentTime是当前播放到哪个时间了，它是一个可读写的属性，就是可以通过修改currentTIme(秒)来控制播放的位置

格式化时间

function format(time){
   time = time | 0;
   let minute = time / 60 | 0; //或0向下取整 相当于Math.floor()
   let second = _padLeft(time % 60);
   return `${minute}:${second}`
 }
 //补0
 function _padLeft(num, n = 2){
   let len = String(num).length;
   while (len < n){
     num = '0' + num;
     len++
   }
   return num;
 }