html给看板娘添加语音,如何在网页上插入一个看板娘

首先准备一个html，放在tomcat的webapps的文件夹下,或者利用Hbuilder(hbuilder内置服务器了的)，下载好的文件也放在webapps下

由于看板娘用到ajax技术，而ajax利用file系统访问资源会出现跨域的错误，所以必须通过http协议访问，也就是用tomcat运行或者用hbuilder打开,demo代码如下

[AppleScript] 纯文本查看 复制代码

Live2D！

发送

召唤蕾姆

var message_Path = '/Live2dRem/live2d/';//资源目录，如果目录不对请更改

var talkAPI = "";//如果有类似图灵机器人的聊天接口请填写接口路径

这里要特别注意四个地方

1、

这个地方连接到的是看板娘的css文件，如果live2d文件夹是直接放在webapps的话，用上面的就可以，其他位置自行修改即可

2、var message_Path = '/Live2dRem/live2d/';

资源文件目录，这里与live2d\js\message.js有关，需要根据自己的配置进行修改

3、

前端调用看板娘的核心，如果live2d文件夹是直接放在webapps的话，用上面的就可以，其他位置自行修改即可

接下来需要对live2d\js\message.js文件进行修改，没有工具的话利用记事本大法，直接拖到最下面

Snipaste_2019-10-09_10-57-17.png (17.82 KB, 下载次数: 34)

2019-10-9 10:59 上传

"model/rem/remu2048/texture_00.png"为看板娘的图片路径

4、

这个是存放音乐地址,根据自己音乐存放的文件目录进行更改

如果说运行成功的话,最终会得到如下图的效果

Snipaste_2019-10-09_11-06-27.png (39.17 KB, 下载次数: 47)

2019-10-9 11:06 上传

如果想要用其他的看板娘的话，只需下载好live2d模型然后覆盖model文件夹，修改live2d\js\message.js文件的对应两处即可

demo百度云链接如下

游客，如果您要查看本帖隐藏内容请回复