[MD]
# 前言:
博主使用的博客框架是Typecho，一直在找一款好看方便的网站音乐播放器，试过几款播放器插件但都不怎么好用，有幸体验到[依米花播放器](https://music.piphp.com/)感觉还不错，便有了这篇文章。
## 一.介绍 依米花播放器是一款免费、稳定、安全、无广告的HTML音乐播放器
**1.1多平台解析：** 依米花播放器支持多达8个音乐平台，歌单导入还支持QQ音乐，且不限制数量。
**1.2个性化：** 每个人都有喜欢的颜色，播放器样式也一样，依米花播放器有7种播放器样式+2种歌词样式+10种小功能供您选择
**1.3安全不拖速：** 播放器js不加密，封面/歌曲/音频等直接获取官方返回，拖速？对不起咱们这不存在
**1.4操作简单：** 依米花播放器可直接登录后台进行添加修改歌单，添加歌曲等操作，全程可视化，操作更简单！
## 二.上手
**2.1进入后台** [注册账号](https://music.piphp.com/index/index/login.html)并登录，即可看到依米花播放器可视化后台
**2.2添加歌单并添加歌曲** 在后台左侧侧边栏可添加歌单
点击添加后输入歌单名称
即可进入歌单管理界面，选择刚刚创建的歌单，添加歌曲
在左侧可以进行基本设置，如是否分享歌单到大厅，歌单名称，作者。
接下来进行添加歌曲，可选择 **歌曲ID添加** 、 **歌单ID添加** 、 **手动添加音乐** 、 **搜索添加** ，四种添加方式。这里以歌曲ID添加为例，我们添加网易云平台的群青，打开音乐详情页，复制id=后面的数字，比如这里就是 `1472480890`
在管理歌单界面，选择歌曲ID添加，输入刚刚复制的id号，点击添加
当提示添加成功时就完成了添加，将所以歌曲添加完毕后，记得点击歌曲列表上面的保存歌曲列表按钮！
**2.3添加并配置播放器** 在侧边栏找到添加播放器按钮，输入名称后点击添加
添加完成后可点击管理，接下来的配置可以根据个人喜好自行更改
**提示：配置完成后记得点击保存歌单列表和保存设置！**
**2.3安装播放器到您的网站** 当所有配置完成后，在这选择播放器样式，可以点击加载测试预览。
选择样式后复制播放器代码并插入到 `</body>` 标签上面
如果您使用的是Joe主题，可在设置主题?全局设置?自定义<body></body>末尾位置内容里粘贴代码
其他主题可在index页面<body>标签前插入代码
## 三.大功告成
您现在可在本页面（您的网站）左下角看到播放器啦~
原创文章，搬运请留原文地址（https://yuqwq.top/archives/206/）
[/MD]
# 前言:
博主使用的博客框架是Typecho，一直在找一款好看方便的网站音乐播放器，试过几款播放器插件但都不怎么好用，有幸体验到[依米花播放器](https://music.piphp.com/)感觉还不错，便有了这篇文章。
## 一.介绍 依米花播放器是一款免费、稳定、安全、无广告的HTML音乐播放器
**1.1多平台解析：** 依米花播放器支持多达8个音乐平台，歌单导入还支持QQ音乐，且不限制数量。
**1.2个性化：** 每个人都有喜欢的颜色，播放器样式也一样，依米花播放器有7种播放器样式+2种歌词样式+10种小功能供您选择
**1.3安全不拖速：** 播放器js不加密，封面/歌曲/音频等直接获取官方返回，拖速？对不起咱们这不存在
**1.4操作简单：** 依米花播放器可直接登录后台进行添加修改歌单，添加歌曲等操作，全程可视化，操作更简单！
## 二.上手
**2.1进入后台** [注册账号](https://music.piphp.com/index/index/login.html)并登录，即可看到依米花播放器可视化后台
**2.2添加歌单并添加歌曲** 在后台左侧侧边栏可添加歌单
点击添加后输入歌单名称
即可进入歌单管理界面，选择刚刚创建的歌单，添加歌曲
在左侧可以进行基本设置，如是否分享歌单到大厅，歌单名称，作者。
接下来进行添加歌曲，可选择 **歌曲ID添加** 、 **歌单ID添加** 、 **手动添加音乐** 、 **搜索添加** ，四种添加方式。这里以歌曲ID添加为例，我们添加网易云平台的群青，打开音乐详情页，复制id=后面的数字，比如这里就是 `1472480890`
在管理歌单界面，选择歌曲ID添加，输入刚刚复制的id号，点击添加
当提示添加成功时就完成了添加，将所以歌曲添加完毕后，记得点击歌曲列表上面的保存歌曲列表按钮！
**2.3添加并配置播放器** 在侧边栏找到添加播放器按钮，输入名称后点击添加
添加完成后可点击管理，接下来的配置可以根据个人喜好自行更改
**提示：配置完成后记得点击保存歌单列表和保存设置！**
**2.3安装播放器到您的网站** 当所有配置完成后，在这选择播放器样式，可以点击加载测试预览。
选择样式后复制播放器代码并插入到 `</body>` 标签上面
如果您使用的是Joe主题，可在设置主题?全局设置?自定义<body></body>末尾位置内容里粘贴代码
其他主题可在index页面<body>标签前插入代码
## 三.大功告成
您现在可在本页面（您的网站）左下角看到播放器啦~
原创文章，搬运请留原文地址（https://yuqwq.top/archives/206/）
[/MD]
