主页 > 建站 > 搭建自己的音乐网站

搭建自己的音乐网站

2019年11月26日 搭建自己的音乐网站有1条评论 阅读: 398 次

一、音乐网站
参考开源项目
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

      1. ww 回复
        2019年12月1日 于 下午12:48

        QQ音乐的放不了

      发表评论

      电子邮件地址不会被公开。 必填项已用*标注