搭建自己的音乐网站
一、音乐网站
参考开源项目
https://github.com/mengkunsoft/MKOnlineMusicPlayer
将源码下载并解压上传至你的网站目录即可,网站需支持php:
定制:
修改index.html可改标题
后台自定义播放列表。打开 js/musicList.js,按照里面的说明对应修改即可
修改api.php可定义文件的默认路径、修改搜索框的默认搜索内容等。具体请打开 js/player.js 查看
程序中的rem数组用于存储全局变量,具体的成员(部分)及作用见下表:
变量名 用途
rem.audio audio dom
rem.playlist 当前正在播放的播放列表编号
rem.playid 正在播放的这首歌在播放列表中的编号
rem.dislist 当前显示的列表的列表编号
rem.loadPage 搜索功能已加载的页码
rem.wd 当前的搜索词
rem.source 当前选定的音乐源
rem.uid 当前已同步的用户的网易云 ID
rem.uname 已登录用户的用户名
rem.sheetList 歌单容器操作对象
rem.mainList 歌曲列表容器操作对象
rem.isMobile 是否是手机浏览
本站演示页面:
http://iytc.net/music
二、在wordpress博客中播放音乐
参考开源项目
https://github.com/webjyh/WP-Player
下载后将dist目录下的wp-player目录上传至WordPress的wp-content/plugins目录,然后在后台启用插件即可
使用:
启用后在新增文章页面会有播放器选项:
先在音乐平台如网易音乐获取链接,然后点“获取音乐id”,然后在文章中插入如下代码之一即可
演示:
评论:1