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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • idea安装下载「建议收藏」

    idea安装下载「建议收藏」idea安装下载

    2022年4月21日
    50
  • stun协议笔记一(stun格式简介)「建议收藏」

    stun协议笔记一(stun格式简介)「建议收藏」一、stun协议格式1、STUN报文头1)最高的2位必须置零,这可以在当STUN和其他协议复用的时候,用来区分STUN包和其他数据包。2)STUNMessageType字段定义了消息的类型(请求/成功响应/失败响应/指示)和消息的主方法。虽然我们有4个消息类别,但在STUN中只有两种类型的事务,即请求/响应类型和指示类型。响应类型分为成功和出错两种,用来帮助快速处理STUN…

    2022年7月17日
    9
  • 博客备份小工具3「建议收藏」

    博客备份小工具3「建议收藏」接着博客转发小工具2,又弄了一个第三版。主要功能有:博客备份到本地、浏览备份到本地的博客、关键字搜索本地的博客和转发博客可以选择个人分类填写Tag标签。其实想了想,转发博客干嘛非要在本地客户端转发,

    2022年7月3日
    19
  • mysql分页查询倒序_【Mysql笔记】MySQL实现分页查询[通俗易懂]

    limit基本实现方式一般情况下,客户端通过传递pageNo(页码)、pageSize(每页条数)两个参数去分页查询数据库中的数据,在数据量较小(元组百/千级)时使用MySQL自带的limit来解决这个问题:收到客户端{pageNo:1,pagesize:10}select*fromtablelimit(pageNo-1)*pageSize,pageSize;收到客户端{pa…

    2022年4月15日
    198
  • PCR雷达传感器感应_倒车雷达传感器在哪里

    PCR雷达传感器感应_倒车雷达传感器在哪里一.设备唤醒i》检测人靠近设备ii》无视穿越的人员iii》可做手势识别应用场景:智能音箱;笔记本;广告机;投影仪;灯具;控制面板开关独特算法:1》 检测静止不动的人员,内置检测人的呼吸信号。图示为雷达传感器抓取人呼吸的信号在0.3-0.35hz效果。2》 可过滤快速移动物体干扰,内置仅对慢速移动检测,图示效果为雷达传感器过滤风扇对测试的影响。二.车内人员检测欧洲新车评估计划(EuroNCAP)计划在2022年将儿童存在检测纳入全面评级。测试评估分析:1岁婴儿睡在儿童保护座椅上

    2022年9月29日
    1
  • c++ sstream

    c++ sstreamsstream定义了三个类:istringstream、ostringstream和stringstream分别用来进行流的输入、输出和输入输出操作由于sstream使用string对象代替字符数组,避免缓冲区溢出的危险;其次,因为传入参数和目标对象的类型会被自动推导出来,所以不存在错误的格式化符的问题。相比c库的数据类型转换,sstream更加安全、自动和直接。1.数据类型转换#inclu…

    2022年6月4日
    49

发表回复

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

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