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百度云链接如下

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

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

服务器添加广告信息服务,在客户端上插入广告
您现在访问的是微软AZURE全球版技术文档网站,若需要访问由世纪互联运营的MICROSOFT AZURE中国区技术文档网站,请访问 https://docs.azure.cn. 在客户端上插入广告 0 ...
html给看板娘添加语音,给网页添加看板娘
在大佬哪里嫖来了文件,在本地打开只有人物旁边的栏目和头顶的文字框都不能用,所以我给隐藏了不知道是为什么可能我是个菜鸡吧点文件下载即可把以下代码补全,放在下载文件同文件夹希望有大佬指点以下 ...
html给看板娘添加语音,如何给你的Jekyll博客添加可爱的二次元看板娘(Live2D)
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 有朋友问这个右下角的小东西是怎么弄出来的,今天就手把手教你.请往下看: Live2D Add the Sseexxyyy ...
html中看板娘添加,使用插件添加看板娘
下载插件首先下载:PoiLive2d 安装并启用. 此时网站左下角应该就能显示看板娘了,但插件默认并不会在移动端显示.博主想要在移动端也显示,大概查看修改了一下,这里把方法步骤分享出来. I.修改c ...
html中看板娘添加,如何在自己开发的web中放入“看板娘”
什么是看板娘? 那就她了--> 就是她~ 看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用 ...
如何把可爱的Live2d看板娘放到自己的网页上
发现好多的博客页面上有这样一个看板娘,非常的讨人喜欢,于是自己就尝试将其添加入网页. 效果图: 首先下载资源并解压:https://www.lanzous.com/i5xllwh 双击live2d.h ...
mfc让图片与按钮一起_微信朋友圈发图片还能添加语音，简单两步就能搞定！今天学到了...
大家好,我是分享科技小达人~ 今天跟大家探讨的问题是:[微信朋友圈发图片添加语音的方法]. 日常生活中,我们都喜欢发朋友圈,今天就来教你如何在微信朋友圈,发送带语音的图片,方法非常简单,一起来学习一下 ...
html5输入框增加语音,为任意输入框添加语音输入功能
最近大家是否也发现了,百度谷歌等好几个搜索引擎的输入框都有一个语音图标按钮了呢?其实这个功能的技术没有那么高深的,这个技术的实现其实就是HTML5里面的一个标签而已,,点击麦克风就能够进行语音识别了. ...
html h5 php 语音录入,H5添加语音输入功能-
这次给大家带来H5添加语音输入功能,H5添加语音输入功能的注意事项有哪些,下面就是实战案例,一起来看一下. 这里介绍的是大家以后要用到的html强大功能,可直接给输入框增加语音功能,下面我们先来看看实 ...

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

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

最新文章

热门文章