Update README.md

This commit is contained in:
丑小鸦
2023-05-23 00:44:47 +08:00
committed by GitHub
parent 3e9366ab34
commit 92a0b81637

View File

@@ -1,6 +1,40 @@
# Live2D-with-music-player
Hi这是鸦鸦自用的宠物播放器。
如需复现,代码中的部分链接需要改成自己的哦!
详情请参阅:[Live2D 宠物功能修改 | 音乐播放器+右键秘密通道](https://crowya.com/1088)
由于是菜鸟GitHub用的不太熟练更新也不太及时。
如果想查看我最新的版本,可以直接用浏览器开发者工具扒我的源文件!
此版本极大地简化了代码逻辑,主要特点是:
1. 不再需要 API
2. 不再需要自定义 CSS已集成到 waifu.css
3. 不再需要 waifu-tips.js已合并到 autoload.js
4. 不再需要修改任何 JS所有配置参数已挪到页尾脚本
现在,使用者可以专心定制说话内容和模型皮肤,而不再需要理解复杂的代码。
## 快速复现指南
1. 下载整个 live2d 文件夹,通过宝塔面板上传到 `/www/wwwroot/wordpress/wp-content/uploads/`
2. 页尾脚本一共需要添加这些东西:(链接换成自己的)
```
<!--博客宠物-->
<script>const live2d_path = "https://crowya.com/wp-content/uploads/live2d/";</script>
<script src="https://crowya.com/wp-content/uploads/live2d/autoload.js"></script>
<!--音乐播放器-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>
<meting-js server="tencent" type="playlist" id="8559460487" theme="#339981" fixed="true" preload="none" autoplay="false" loop="all" order="random" volume="0.3"></meting-js>
<script>
ap = null;
Object.defineProperty(document.querySelector('meting-js'), "aplayer", {
set: function(aplayer) {
ap = aplayer;
ap_init();
}
});
</script>
```
## 文件功能说明(深度定制指南)
- model——单层目录下载的模型文件直接作为子文件夹放于其中可以自定义
- model_list.json——模型列表可以自定义
- waifu-tips.json——对话文本可以自定义
- live2d.min.js——Live2D动画核心文件不需要修改
- autoload.js——按钮功能一般不需要修改
- waifu.css——外观样式一般不需要修改
详情参阅:[Live2D 宠物功能修改 | 音乐播放器+右键秘密通道](https://crowya.com/1088)