1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html给看板娘添加语音 如何在网页上插入一个看板娘

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

时间:2019-07-04 21:25:54

相关推荐

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_-10-09_10-57-17.png (17.82 KB, 下载次数: 34)

-10-9 10:59 上传

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

4、

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

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

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

-10-9 11:06 上传

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

demo百度云链接如下

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。