大家好,又见面了,我是全栈君。
简单添加看版娘到自己的网站
我们先来看一下我们的网站会变成什么样吧!
代码语言:javascript复制http://www.djyqxbc.vip
(官网)注意左下角。
- 简单制作一个简单的看板娘
点击左下角的4个方块(开始菜单),直接搜索iis。
启动,并新增一个自己的网站,在网站目录下导入下面这些文件。
主要的文件我已经放在网盘了,文后有链接哦。
然后访问本地这个网站,我们就可以看见自己的看板娘了。
或者在当前文件夹中,我们已经有写好的网站页面,那我们只需要添加这段代码在我们当前的网站代码中,就能引入看版娘了。
代码语言:javascript复制<!-- waifu-tips.js 依赖 JQuery 库 -->
<script src="assets/jquery.min.js?v=3.3.1"></script>
<!-- 实现拖动效果,需引入 JQuery UI -->
<script src="assets/jquery-ui.min.js?v=1.12.1"></script>
<!-- 使用 aotuload.js 引入看板娘 -->
<script src="assets/autoload.js?v=1.4.2"></script>
我这份代码,经过改进,点击看版娘还有声音哦。
- 制作会发声的看版娘
根据需要,找到这两个文件,搜索193.112.19.100:2222修改为www.djyqxbc.com/kbn 发声的接口,便可以使用了。当然如果有更好的接口,也可以换成自己需要的。
3、部署看板娘接口。
上面的这种方式,只是简单的将看板娘代码片段部署到我们的网站上,我们只是看到看版娘的在我们的页面上显示。
那我不想调用其他人的接口,我就想要调用自己的看板娘接口。
如图,这些就是我们看版娘的接口。
那要如何布置到我们自己的网站呢?
来看我们上一篇文章中提到的部署iis配置php环境的文章。
iis php环境搭建:https://blog.csdn.net/qq_39046854/article/details/114108141
live2d 添加对应mine值,mtn,moc文件404:https://blog.csdn.net/qq_39046854/article/details/114019680
按照这篇文章所写配置php环境,新增一个网站,将网盘中的文件复制到你的网站下,便部署看版娘接口了。
然后再assets下面找到这两个文件,根据选择的方式,将其中的modelAPI修改为刚才搭建的api。
比如你的网站是127.0.0.1:80
看板娘接口地址是127.0.0.1:81
那这里你就需要将//live2d.fghrsh.net/api/设置127.0.0.1:81/live2d。如果你的目录下没有live2d目录,那就直接127.0.0.1:81。
然后我们再来访问一下我们的网站,查看显示。
127.0.0.1:80.
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/111377.html原文链接:https://javaforall.cn