Z-BlogPHP插件:APlayer音乐播放器 - 石林波博客今天来手搓一个Z-BlogPHP的插件 。需求是文章中想插入音乐,一开始想到用最简单的<audio>标签来实现,但是功能上达不到自己想要的需求,于是找到了APlayer.js…
第一步,npm下载aplayer插件:cnpm install aplayer --save 第二步,搭配下载hls.js:cnpm i hls.js --save 第三步,在需要使用的页面引入插件,也要引入插件的样式 代码如下 直接复制粘贴即可看到效果: <template> aplayer播放器 <!-- 准备一个容器用来存放音乐播放器 --> </template> import APlayer ...
WordPress音乐播放器插件:Aplayer Aplayer 是一个简洁的HTML5音乐播放器,感觉这个界面还可以,有时间就将它做成了一款WordPress插件,下面先看一下效果图: 使用方法 1、下载插件并在后台进行启用 2、在后台音乐下,填写相关内容,如下图所示:如果填写歌词就是上面那一款,如果不填写歌词就是下面的那一款 注意:歌词的格式如...
本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。关于APlayer.js的具体介绍和Github地址,可以参考:https://github.com/MoePlayer/APlayer。 我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要事先...
这里还是通过APlayer的方式引入:其界面美观,功能强大。音乐播放器的音乐信息,歌词,进度条,音量,顺序模式,循环模式都支持。可以使用三方音乐外链,还可以使用自己的音乐链接。不过这次是去插件化,直接通过html的方式引入,相对于插件的方法无非就是每一次都得插入html来使用,不过范围大大扩大,只要你的网站支持html都可以直接...
在vue的官网上看到vue-aplayer这个音乐播放器的插件,由于个人有比较喜欢音乐,所以就拿过来玩一玩,感觉还是比较实用的,界面美观。 首先,我们先安装 npm install vue-aplayer --save ,之后在组件中引入 import VueAplayer from 'vue-aplayer',下面就是源码,可供参考: ...
Aplayer是一款HTML5的WordPress音乐播放器,界面仿照网易云音乐外链播放器,每个音乐需要填写音乐名称、作者、音乐封面、还有外链地址,添加成功后在音乐列表右侧复制短代码到文章需要显示的位置粘即可。 使用方法: 下载插件并在后台进行启用,启用后会在文章栏目下多个“音乐”栏目。
简介: 本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/APlayer 。 本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。关于APlayer.js的具体介绍和Github地址,可以参考:https://github.com/Moe...
本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。关于APlayer.js的具体介绍和Github地址,可以参考:https://github.com/MoePlayer/APlayer。 我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要事先...
本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。关于APlayer.js的具体介绍和Github地址,可以参考:https://github.com/MoePlayer/...。 我们使用APlayer.js的方式为:cdn服务,其HTML标签为: 下面将给出一个具体的例子,在这个例子中,我们展示的歌曲为孙燕姿的遇见,需要...