Aplater.js是一款可爱、漂亮的Js音乐播放器,以前就了解过也弄过一些,现在就用mp3的格式来在.Net里面开发。管网https://aplayer.js.org/ 2、入手 在项目里面只要添加一个jQuery.js跟APlayer.min.js 跟APlayer.min.css就可以了。看一个简单的栗子: const ap=newAPlayer({ container: document.getElementById('ap...
Z-BlogPHP插件:APlayer音乐播放器 - 石林波博客今天来手搓一个Z-BlogPHP的插件 。需求是文章中想插入音乐,一开始想到用最简单的<audio>标签来实现,但是功能上达不到自己想要的需求,于是找到了APlayer.js…
关于APlayer.js的具体介绍和Github地址,可以参考:https://github.com/MoePlayer/APlayer。 我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要事先设置好这首歌的标题、演唱者、播放URL、封面图片链接、歌词。具体的HTML...
管网https://aplayer.js.org/ 2、入手 在项目里面只要添加一个jQuery.js跟APlayer.min.js 跟APlayer.min.css就可以了。看一个简单的栗子: script>script>div> const ap = new APlayer({ container: document.getElementById('aplayer'), fixed: false, //开启吸底模式 mimi: false, //开启迷你模式 autoplay...
我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要事先设置好这首歌的标题、演唱者、播放URL、封面图片链接、歌词。具体的HTML代码如下: <!DOCTYPEhtml>
将Aplayer插件APlayer.min.js和APlayer.min.css上传到服务器,如果博客使用WordPress可上传到服务器wp-content目录下,通过链接https://IP/wp-content/Aplayer.min.js ,就可以访问到。 当然你也可以直接使用jsdeliver CDN方式,更快更方便,但不稳定,偶尔抽风... Aplayer主要参数说明: 参数默认值描述 container documen...
本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/APlayer。 我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要...
在上述代码中,我们通过CDN引入APlayer的CSS和JS文件。CSS用于美化播放器,而JS则是实现播放器功能的核心。 步骤三:初始化APlayer 接下来,我们来创建一个JavaScript文件script.js,并初始化APlayer对象。 // 初始化APlayer播放器constap=newAPlayer({container:document.getElementById('aplayer'),// 播放器容器audio:[{...
小型音乐播放器插件APlayer.js的简单使用例子 我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要事先设置好这首歌的标题、演唱者、播放URL、封面图片链接、歌词。具体的HTML代码如下: <!DOCTYPE ...
本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。关于APlayer.js的具体介绍和Github地址,可以参考:https://github.com/MoePlayer/...。 我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要...