部署一个专属自己的音乐网站或在自己wordpress博客中播放音乐的教程

搬瓦工机场JMS

一、音乐网站
参考开源项目
https://github.com/mengkunsoft/MKOnlineMusicPlayer

将源码下载并解压上传至你的网站目录即可,网站需支持php:

定制:
修改index.html可改标题
后台自定义播放列表。打开 js/musicList.js,按照里面的说明对应修改即可
修改api.php可定义文件的默认路径、修改搜索框的默认搜索内容等。具体请打开 js/player.js 查看
程序中的rem数组用于存储全局变量,具体的成员(部分)及作用见下表:

变量名用途
rem.audioaudio dom
rem.playlist当前正在播放的播放列表编号
rem.playid正在播放的这首歌在播放列表中的编号
rem.dislist当前显示的列表的列表编号
rem.loadPage搜索功能已加载的页码
rem.wd当前的搜索词
rem.source当前选定的音乐源
rem.uid当前已同步的用户的网易云 ID
rem.uname已登录用户的用户名
rem.sheetList歌单容器操作对象
rem.mainList歌曲列表容器操作对象
rem.isMobile是否是手机浏览

二、在WordPress博客中播放音乐
参考开源项目
https://github.com/webjyh/WP-Player
下载后将dist目录下的wp-player目录上传至WordPress的wp-content/plugins目录,然后在后台启用插件即可

使用:
启用后在新增文章页面会有播放器选项:

先在音乐平台如网易音乐获取链接,然后点“获取音乐id”,然后在文章中插入如下代码之一即可.

未经允许不得转载:Just My Socks中文教程网 » 部署一个专属自己的音乐网站或在自己wordpress博客中播放音乐的教程

赞 (0) 打赏
Just My Socks搬瓦工机场JMS

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏