推荐一款简洁好用的js音乐播放器Amazing Audio Player

使用步骤: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.png

通过对比可看到免费版本有两个地方影响使用:

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


成功捡回100刀!



本博客所有文章如无特别注明均为原创。作者:zz复制或转载请以超链接形式注明转自 沉思录
原文地址《推荐一款简洁好用的js音乐播放器Amazing Audio Player

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)