HTML5如何自定义mp3播放器
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,小编给大家分享一下HTML5如何自定义mp3播放器,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!audio对象src兼容.
千家信息网最后更新 2024年09月22日HTML5如何自定义mp3播放器
小编给大家分享一下HTML5如何自定义mp3播放器,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
audio对象
src兼容.ogg .wav .mp3:
width autoplay loop muted静音:
播放play():
var myAudio = new Audio(); myAudio.src = 'data/imooc.wav'; myAudio.play(); btn.onclick = function(){ myAudio.play(); };
暂停pause()
pauseNode.onclick = function(){ myAudio.pause(); };
当前播放的时间currentTime
音频总时长duration;
//返回音频的总长度 myAudio.addEventListener('canplay',function(){ durationNode[xss_clean] = myAudio.duration; }); //更新当前播放的时间 setInterval(function(){ currentNode[xss_clean] = myAudio.currentTime; },100);
音频源currentSrc:
var myAudio = new Audio(); myAudio.src = 'data/imooc.mp3'; console.log(myAudio.currentSrc);
loop循环
myAudio.loop = true;
音频播放结束ended
myAudio.addEventListener('ended',function(){ console.log('音频播放结束'); console.log(myAudio.ended) });
重新加载
load=adBtn.onclick = function(){myAudio.load(); };
跳转到新的播放位置seeked / seeking
myAudio.addEventListener('seeked',function(){ console.log('seeked'); }); myAudio.addEventListener('seeking',function(){ console.log('seeking'); sekingNum++; seekingNum[xss_clean] = sekingNum; });
playbackRate设置当前播放速度
myAudio.playbackRate = '15'; console.log(myAudio.playbackRate)
全屏requestFullScreen
btnScreen.onclick = function(){ myAudio.webkitRequestFullScreen(); }
loop 循环
myAudio.loop = true;
volumechange音量改变
myAudio.addEventListener('volumechange',function(){ console.log('音频的声音改变了') });
timeupdate音频正在播放状态:
myAudio.addEventListener('timeupdate',function(){ console.log('音频正在播放中...') })
自定义mp3播放器
以上是"HTML5如何自定义mp3播放器"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
音频
元素
外层
进度
播放器
事件
声音
按钮
音乐
控制
位置
名称
对象
封面
篇文章
内容
布尔
时间
正在
长度
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
嘉定区正规软件开发口碑推荐
服务器pin是什么
全国网络安全挑战赛报名青少年
家庭用电脑如何做服务器
福建pdu服务器专用电源价格
读网络安全选课要求
重庆开心拿网络技术有限公司
基于开源软件开发的
陕西鼎驰网络技术有限公司
100个网络安全知识
软件开发和大数据库
网络安全小视频素材
苹果数据库安全性
自建内网档案服务器
安徽数据库日志审计好不好
仓库盘点管理软件开发商
网络安全测评国家保密法
中国移动4g网络技术标准
国家哪个部门负责网络安全的
平谷区智能网络技术价格行情
全新服务器购买合同
关于网络安全提出建议和意见
3g手机软件开发
时光倒流软件开发
和平精英主播服务器在哪
数据库的服务器
大连理工大学计算机网络技术
如何实现服务器之间的安全性
NBA2k22怎么选服务器
数据库连接设置助手