轻音随行(EaseMusicGo)

MIT 许可证 查看详情

轻量无负担的本地音乐上云工具,无需复杂配置,PHP环境下浏览器直接访问即可使用

项目官网: https://aiiyiyei.com/music/open

项目dome: https://aiiyiyei.com/music/love/

了解更多

项目简介

这是一款轻量无负担的本地音乐上云工具——无需复杂配置、无需安装依赖,仅需PHP环境,浏览器打开即可使用。自动识别本地MP3文件,同步匹配歌词,轻松将你的本地音乐收藏同步至云端,实现"随身随行"的音乐访问。

本项目由小艾同学(AiiyiYei)+豆包AI编写,因为小艾同学接触代码的这几年,从github上找不到什么很简单的音乐网站源码、所以就自己开发了一个,目的就是为了帮助小白萌新可以快速把歌曲上云。

核心功能

零配置启动

无需克隆编译/环境部署,PHP环境下直接浏览器访问即可用

自动识别MP3

自动扫描指定目录下的所有MP3音乐文件,生成音乐列表

歌词自动匹配

自动识别与MP3同名的js歌词文件,同步关联音乐

音乐快速上云

支持将本地音乐+歌词同步至你的云存储服务(如:虚拟主机/服务器)

跨端访问

上云后可通过浏览器在任意设备访问你的音乐库

快速使用

1

准备PHP环境

确保本地已安装PHP环境(推荐版本:PHP 7.4+ / 你的项目兼容版本),常用环境:

  • 本地服务器:小皮面板 / 宝塔 / docker 等
  • 自有服务器:直接部署PHP运行环境、或是支持php的虚拟主机,上传上去即可,和静态页面一样简单
2

部署项目

  1. 下载本项目代码(Clone 或 Download ZIP)
  2. 将代码解压至你的PHP环境根目录、或是网站的制定目录下(如:music文件夹)
  3. 推荐本地解压,然后再上传到宝塔面板或是ftp主机内,因为上传压缩包后再解压中文可能会出现乱码。
3

特别说明(问题解答)

  1. 歌曲名字必须被英文输入法状态下的括号包围。比如:“四个女生 - 心愿.mp3”,你必须手动改为“(四个女生 - 心愿).mp3”。你可以借助快速重命名工具来批量重命名。切记!是英文输入法状态下的括号!浏览器前台会显示你括号内的名字,如果没有括号可能会少显示歌手名或歌名。
  2. 歌词文件必须是utf-8编码的,ansi编码会显示乱码,你可以通过本地电脑txt另存为,然后编码选择utf-8后保存。
  3. 因为1.0版本的代码对于lrc格式的支持不是太友好,2.0版本小艾同学把歌词文件改为了js格式。你可以把下载/自建的lrc歌词通过ai帮你转为js代码,具体教程见第四板块。
  4. 如果歌词文件较多,可以批量把lrc转为js,lrc2js文件夹就是批量转换脚本,自动识别lrc格式的文档并转为js代码。但是,请一定要确保lrc歌词文件是utf-8编码的,不然服务器可能打不开,必须用本地txt打开删掉第一行的乱码文本。而且即便删除了、前台歌词也是乱码。
  5. 如果前台歌曲播放时,不显示歌词、或是只显示前几句 —— 说明js歌词里面的代码不对,应该是没有完全转换、还保留了一部分lrc格式的歌词;或者是你下载的lrc歌词不对,和你同名的mp3不符合。歌词的总时长超过歌曲的总时长了。你可以用千千静听或是其它的lrc制作工具重新生成一个lrc歌词文件,并且让ai单独生成js代码即可。
  6. 虽然为了避免编码不同导致歌词文件乱码、从lrc改用了js文件,但是如果你下载的歌词文件是ansi格式的,还是会导致乱码,你需要手动改为utf-8格式 —— 当然,你直接从服务器新建的js文件默认就是utf-8的,不用担心编码)
4

豆包AI提示词(lrc转js代码)

1. 如果歌词文件较多,想要批量转换,可以去看看lrc2js文件夹的批量转换脚本

2. 如果歌词文件较少,或是批量转换的存在错误、可以利用豆包AI帮你把歌词文件进行转换。↓

我在做一个在线音乐播放器项目,需要把lrc格式的歌词改为js格式的。

比如:[00:04.54]小宝贝

[00:07.14]看见你现在睡得那么香

[00:11.85]我有一些话想要对你讲

[00:16.41]稀松平常

[00:19.95]你不要觉得我很啰嗦

[00:24.46]有一天

[00:28.46]你会念书后来也会上班

[00:32.63]学每个大人一样去生活

[01:38.58]去摸索 平淡日子里找答案

[01:45.36]或许世界不是你预期的模样

[01:50.63]柴米油盐包裹着大胆的梦想

[01:55.54]学会了成熟一样保持善良

[01:02.11]勇敢哭用力笑 别逞强

[01:06.32]不勉强追寻飞到多高的地方

[01:11.44]只要你快乐才是唯一的真相

[01:16.99]当你扮大人扮到疲惫了

[01:22.28]有个家让你做回孩子


要变成:

// 歌词数据格式:数组包含多个对象,每个对象有time(秒数)和text(歌词内容)

window.lyricData = [

  { "time": 4.54, "text": "小宝贝" },

  { "time": 7.14, "text": "看见你现在睡得那么香" },

  { "time": 11.85, "text": "我有一些话想要对你讲" },

  { "time": 16.41, "text": "稀松平常" },

  { "time": 19.95, "text": "你不要觉得我很啰嗦" },

  { "time": 24.46, "text": "有一天" },

  { "time": 28.46, "text": "你会念书后来也会上班" },

  { "time": 32.63, "text": "学每个大人一样去生活" },

  { "time": 62.11, "text": "勇敢哭用力笑 别逞强" }, // 修正时间顺序(原01:02.11对应秒数)

  { "time": 66.32, "text": "不勉强追寻飞到多高的地方" },

  { "time": 71.44, "text": "只要你快乐才是唯一的真相" },

  { "time": 76.99, "text": "当你扮大人扮到疲惫了" },

  { "time": 82.28, "text": "有个家让你做回孩子" },

  { "time": 98.58, "text": "去摸索 平淡日子里找答案" }, // 01:38.58 = 60 + 38.58

  { "time": 105.36, "text": "或许世界不是你预期的模样" },

  { "time": 110.63, "text": "柴米油盐包裹着大胆的梦想" },

  { "time": 115.54, "text": "学会了成熟一样保持善良" }

];


接下来,我会不停地给你lrc歌词文件,你负责给我转成符合要求的js代码,明白吗?

5

启动使用

  1. 将下载的源代码解压,你会看到一个music文件夹,一个bj.jpg,一个index.php
  2. 你可以自行替换bj.jpg这个图片,确保名称完全一致。这样音乐网站的背景就是你自己设置的这张图片了
  3. 把你要上传的歌曲,正确重命名之后放入music文件夹即可,如果想看歌词就按照第三板块的教程制作js歌词代码,放入这个文件夹即可(歌词和歌名应当是完全一致的,只有后缀不同。一定要记得英文输入法状态的括号不能少!)
  4. 本地电脑一般不能直接编辑php文件,你可以先上传到服务器或是虚拟主机,然后编辑index.php文件。只需要修改第26行代码(网页标题)、第307行代码(正文大标题),其余代码不需要进行任何修改。
  5. 然后域名链接访问这个项目就可以啦!比如你的域名+music,这个文件夹是你自己命名的,就会看到自动识别了music文件夹下的歌曲,并且自动匹配和歌曲同名的歌词js文件。

准备好开始使用了吗?

下载轻音随行,快速将你的本地音乐库同步到云端,随时随地享受音乐