js获取audio进度调播放状态 播放时间,详细

您所在的位置:网站首页 autonotification下载 js获取audio进度调播放状态 播放时间,详细

js获取audio进度调播放状态 播放时间,详细

2023-08-31 10:06| 来源: 网络整理| 查看: 265

在html中书写的audio 音乐

其中:src是音频的路径,type是音频格式,controls播放控件,ontimeupdate:是进度更新事件;

MDN->audio 属性 src 歌曲的路径preload 是否在页面加载后立即加载(设置 autoplay 后无效)controls 显示 audio 自带的播放控件loop 音频循环autoplay 音频加载后自动播放currentTime 音频当前播放时间duration 音频总长度ended 音频是否结束muted 音频静音为 truevolume 当前音频音量readyState 音频当前的就绪状态MDN->audio 事件 abort 当音频/视频的加载已放弃时canplay 当浏览器可以播放音频/视频时canplaythrough 当浏览器可在不因缓冲而停顿的情况下进行播放时durationchange 当音频/视频的时长已更改时emptied 当目前的播放列表为空时ended 当目前的播放列表已结束时error 当在音频/视频加载期间发生错误时loadeddata 当浏览器已加载音频/视频的当前帧时loadedmetadata 当浏览器已加载音频/视频的元数据时loadstart 当浏览器开始查找音频/视频时pause 当音频/视频已暂停时play 当音频/视频已开始或不再暂停时playing 当音频/视频在已因缓冲而暂停或停止后已就绪时progress 当浏览器正在下载音频/视频时ratechange 当音频/视频的播放速度已更改时seeked 当用户已移动/跳跃到音频/视频中的新位置时seeking 当用户开始移动/跳跃到音频/视频中的新位置时stalled 当浏览器尝试获取媒体数据,但数据不可用时suspend 当浏览器刻意不获取媒体数据时timeupdate 当目前的播放位置已更改时volumechange 当音量已更改时waiting 当视频由于需要缓冲下一帧而停止

其他属性可自行尝试。

下面是在JS中的代码 function updata() { console.log("播放"); var audio = document.querySelector("audio"); audio.duration;//获取总播放时间 audio.currentTime;//获取播放进度 console.log(audio.currentTime);//控制台显示 } 下面是效果图,控制台上会显示获取的播放进度时间

参考链接:https://www.cnblogs.com/mybilibili/p/10376528.html



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3