live2d 看板娘 简单添加看版娘到自己的网站

live2d 看板娘 简单添加看版娘到自己的网站

大家好,又见面了,我是全栈君。

简单添加看版娘到自己的网站

关注公众号后台回复  “看板娘”  获取全部文件(接口,源代码)。

我们先来看一下我们的网站会变成什么样吧!

http://www.djyqxbc.vip

(官网)注意左下角。

live2d 看板娘 简单添加看版娘到自己的网站

  1. 简单制作一个简单的看板娘

点击左下角的4个方块(开始菜单),直接搜索iis。

live2d 看板娘 简单添加看版娘到自己的网站

启动,并新增一个自己的网站,在网站目录下导入下面这些文件。

主要的文件我已经放在网盘了,文后有链接哦。

 

live2d 看板娘 简单添加看版娘到自己的网站

 

然后访问本地这个网站,我们就可以看见自己的看板娘了。

 

或者在当前文件夹中,我们已经有写好的网站页面,那我们只需要添加这段代码在我们当前的网站代码中,就能引入看版娘了。

<!-- 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>

 

我这份代码,经过改进,点击看版娘还有声音哦。

 

  1. 制作会发声的看版娘

live2d 看板娘 简单添加看版娘到自己的网站

根据需要,找到这两个文件,搜索193.112.19.100:2222修改为www.djyqxbc.com/kbn 发声的接口,便可以使用了。当然如果有更好的接口,也可以换成自己需要的。

 

3、部署看板娘接口。

上面的这种方式,只是简单的将看板娘代码片段部署到我们的网站上,我们只是看到看版娘的在我们的页面上显示。

 

那我不想调用其他人的接口,我就想要调用自己的看板娘接口。

 

live2d 看板娘 简单添加看版娘到自己的网站

如图,这些就是我们看版娘的接口。

 

那要如何布置到我们自己的网站呢?

 

来看我们上一篇文章中提到的部署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。

live2d 看板娘 简单添加看版娘到自己的网站

 

 

 

比如你的网站是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。

 

live2d 看板娘 简单添加看版娘到自己的网站

 

 

 

然后我们再来访问一下我们的网站,查看显示。

127.0.0.1:80.

相关推荐:

​windows IIS+php配置教程

搭建flask web框架及应用

搭建服务器jenkins+sonar的持续集成代码质量环境

人像转漫画

喜欢记得关注我们哦。

live2d 看板娘 简单添加看版娘到自己的网站

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/111377.html原文链接:https://javaforall.net

(0)
上一篇 2022年2月20日 下午7:00
下一篇 2022年2月20日 下午7:00


相关推荐

  • python输出图像通道数_python查看图片通道数

    python输出图像通道数_python查看图片通道数如果你只想获得图像的行数和列数,行数代表图像的高,列数代表图像的宽。如下src=cv.imread(“xxxxx”)读取图片image=src.shape获取图片宽高及通道数rows=image[0]cols=image[1]src.shape返回值为:(rows,cols,通道数)所以image[3]就是通道数tongdao_nums=image[3]…

    2025年10月28日
    4
  • 计算机中安装音乐软件是一种,零成本搭建卧室无线音乐系统(上)

    计算机中安装音乐软件是一种,零成本搭建卧室无线音乐系统(上)零成本搭建卧室无线音乐系统 上 2016 01 2714 29 3667 点赞 815 收藏 61 评论我原本的 hifi 系统架构是这样的 台式 PC 家用 PC 无 hifi 向优化 鼠数字界面 USB 转同轴数字输出 TascamDA40DA 解码 QSC1400 功放 PSB600 落地箱 基本都是非主流的东西又不好买的东西 就不讨论听感了 没什么参考价值 这套系统原本放在客厅 听音乐看电视两用

    2026年3月18日
    2
  • 微信小程序 消息推送功能实现详解

    微信小程序 消息推送功能实现详解在小程序开发中 如果想实现 用户发给小程序的消息以及开发者需要的事件推送 在小程序项目中 我们想要实现这样一个功能 比如我们小程序中的客服功能 我不想要使用小程序后台的在线客服功能 但我又想实现客服功能 这个时候微信提供了消息推送功能 在小程序后台的设置 开发设置中 消息推送功能 点击开启消息推送功能 认证成功进入到消息推送配置界面 这里配置几个参数注意一下 URL 服务器

    2026年3月19日
    1
  • java调用第三方接口(项目亲测)

    java调用第三方接口(项目亲测)publicstaticStringcompression(StringsmUrl,Stringdata){ //smUrl:接口地址//data:请求参数:应该是json格式,我直接把json转成String了OutputStreamWriterout=null;BufferedReaderbr=null;Stringresult=””;try{URLurl=n.

    2022年5月8日
    50
  • str和repr的区别

    str和repr的区别Python 打印值的时候会保持该值在 Python 代码中的状态 不是用户所希望看到的状态 而使用 print 打印值则不一样 print 打印出来的值是用户所希望看到的状态 例如 Hello world Hello world Python 打印出来的值是给 python 理解的 这里 python 理解为字符串 所以带着引号 1000L python 理

    2026年3月18日
    1
  • java和c对比_c语言数据结构和java数据结构

    java和c对比_c语言数据结构和java数据结构Sun公司推出的Java是面向对象程序设计语言,其适用于Internet应用的开发,称为网络时代重要的语言之一。Java可以用认为是C的衍生语言,与C在大量元以内成分保持相同,例如此法结构、表达式语句、运算符等与C基本一致:但Java更简洁,没有C中冗余以及容易引起异常的功能成分,并且增加了多线程、异常处理、网络编程等方面的支持功能。本文从多角度对Java与C进行对比分析,为C与Jav

    2022年4月18日
    59

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号