搭建一个多功能音乐播放器网站

作用

可嵌入各种网页来加入一个音乐播放器的功能,同时支持在线聊天、自由添加歌单等,可运营源码
image

准备

首先需要一台云服务器,这里推荐雨云的云服务器:

雨云优惠注册地址:雨云 - 新一代云服务提供商

优惠码:vip5r

注册完账号后进到雨云控制台,云服务器入口可以在后台的 总览云产品 部分找到:

fc9b13d8fd2c67fead994dd390d8df48

点击购买云服务器,区域选择香港/美国(免备案),配置根据自己需求选择,一般2c2g足以。
image
选好后点立即购买 ,或者试用,试用后满意再续费
然后回到 我的云服务器 | 雨云即可看到你选购好的云服务器
然后点击云服务器的管理就可以查看服务器信息
image

连接服务器

这里推荐两个软件,一个是XTerminal,另一个就是FinalShell
Xterminal - 更好用的开发工具,但不止于(SSH/控制台/More)
FinalShell官网

这里萌新推荐XTerminal,简单易懂
image
点击+创建服务器连接,填写服务器信息
image

(一般默认端口是22,选的NAT模式,共用公网IP的话,22端口被映射到对应的外网端口,我们需要使用的就是给的外网端口)

然后就可以连接上服务器了
image

然后一键安装宝塔即可:
宝塔面板下载,免费全能的服务器运维软件

安装环境

登录宝塔,然后绑定宝塔账号后,选择好一键安装的环境,或者你手动安装也可以

源码环境要求:apache+PHP7.0+Thinkphp伪静态

7b4bdf393e3779bfc82546e5a16ffbe47b4bdf393e3779bfc82546e5a16ffbe4100%75%50%
fe9bfc459cf7da17114d0503fe15e633fe9bfc459cf7da17114d0503fe15e633100%75%50%
然后准备一个域名,如果不想注册可以直接用雨云的免费二级域名
域名服务 | 雨云
image
然后回到宝塔,创建一个站点

image

进入该站点目录,拖入文件导入源码(传输完后请删除压缩包以外的文件再解压)

image
image

找到数据库文件,右键导入创建好的数据库

image

然后进入Application目录找到database.php文件,修改其中的数据库信息
image

修改Static目录下的player目录下的player.js文件的第140行的“域名”为你的域名
image

修改Static目录下的player2目录下的js目录下的player.js文件的第19行的“域名”为你的域名
image
回到站点管理,修改伪静态后保存
image
访问即可完成操作

http://域名/index/index/login.html

Sorry, we were unable to generate a preview for this web page, because the server ‘xn–eqrt2g’ could not be found. Instead of a preview, only a link will appear in your post. cry

后台账号为:admin
密码为:123456

image

image
image

源码获取:https://ipv4wp.axzzz.top:9503/s/4V3wTd 密码dhacdv