使用步骤:https://amazingaudioplayer.com/how-to-add-html5-audio-player-to-your-webpage/
1.安装软件,用于生成js和css及引用的html代码。
2.添加音乐进去(这里只是用于生成html代码,要修改歌曲可以在生成的html中进行)。
3.选择样式,有个重要的选项auto play,打勾即可用于自动播放,当然如果忘记了,也可在生成的js中修改initaudioplayer-1.js中的autoplay改为true。
4.将js,css及html代码引入网站中去。
新技能:
由于根据软件生成的脚本是免费的,所以会有功能限制,见下表。
通过对比可看到免费版本有两个地方影响使用:
1.会有个"Amazing Audio Player Free Version"提示在播放器的下面。
2.最多只能加3首歌。
解决办法:
1.因为都是脚本生成的,所以可以修改来实现,
在页面的<script>部分加:
$("#amazingaudioplayer-1 a[href='http://amazingaudioplayer.com']").attr('href','').text('');
2.修改脚本,
amazingaudioplayer.js脚本修改:
将instance.elemLength>3 的3替换更大的数如1000
instance.elemLength=3;instance.elemArray.length=3
替换3为更大的数如1000
发表评论