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


相关推荐

  • SQL Browser_sqlitedatabase

    SQL Browser_sqlitedatabase在网上找一个SQLITE查看器这个查看器叫做:www.jb51.net/database/118822.html这个查看器可以新建SQLITE文件数据库,可以建立表索引,写SQL语句,编辑表数据不过这个查看器支持的SQLITE数据库引擎版本低了一点,先介绍一下SQLiteDatabaseBrowser2.0是怎么用的?主界面将SQLITE的db文件拖进去软…

    2022年9月9日
    0
  • linux安装networkmanager_centos配置网络

    linux安装networkmanager_centos配置网络写在前面嗯,准备RHCA,学习整理这部分知识NetworkManager其实是RHCAS的内容博文内容为常见的配置操作回顾:NetworkManager简述命令行的方式配置网络连接修改配置文件的方式配置网络连接谁有权限修改网络连接配置傍晚时分,你坐在屋檐下,看着天慢慢地黑下去,心里寂寞而凄凉,感到自己的生命被剥夺了。当时我是个年轻人,但我害怕这样生活下去,衰老下去。在我看来,这是比死亡更可怕的事。——–王小波红帽8(rhel8,Centos8)使用的网络管理服务

    2022年10月4日
    0
  • pycharm如何设置官方中文?pycharm如何汉化?pycharm终于支持官中了!!![通俗易懂]

    pycharm如何设置官方中文?pycharm如何汉化?pycharm终于支持官中了!!![通俗易懂]文章目录汉化方法官方汉化与第三方对比Java的idea在更新2020.1时就更新了官方汉化,当时Pycharm还没用出现汉化,但这两天提示我更新2020.1.1的时候,我发现pycharm也出现了官方汉化,在此建议你要是想用官方汉化,先把你的pycharm升级为最新版本。汉化方法打开pycharm左上角的file(文件)>选择settings(设置)>打开plugins(插件)>搜索chinese(中文插件),下载好后重启pycharm。官方汉化与第三方对比这里使用

    2022年5月26日
    30
  • oracle怎样将数据库恢复到某个时间点之前_oracle删除时间段之前的数据

    oracle怎样将数据库恢复到某个时间点之前_oracle删除时间段之前的数据deletefromtablename;insertintotablenameselect*fromtablenameasoftimestampto_timestamp(‘2017-01-0811:00:00′,’yyyy-mm-ddhh24:mi:ss’)注意:1.表结构更改了不可使用此方法恢复数据;2.时间间隔不能太长(几个小时还是没…

    2022年9月23日
    0
  • 分布式锁-这一篇全了解(Redis实现分布式锁完美方案)[通俗易懂]

    前言在某些场景中,多个进程必须以互斥的方式独占共享资源,这时用分布式锁是最直接有效的。随着技术快速发展,数据规模增大,分布式系统越来越普及,一个应用往往会部署在多台机器上(多节点),在有些场景中,为了保证数据不重复,要求在同一时刻,同一任务只在一个节点上运行,即保证某一方法同一时刻只能被一个线程执行。在单机环境中,应用是在同一进程下的,只需要保证单进程多线程环境中的线程安全性,通过JAV…

    2022年4月12日
    36
  • ace.js实现一个在线代码编辑器[通俗易懂]

    ace.js实现一个在线代码编辑器[通俗易懂]TableofContents背景ACE简介:功能实现1、引入js2、初始化组件3、保存时代码语法检测4、效果图:5、遇到的一些问题:背景项目需要,在一些场景,用户需要手动编写一些js脚本来实现自己的功能;前期一直用文本框显示,不便于编辑和查看。因此需要引入一个在线代码编辑器。效果如下:ACE简介:ACE是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用…

    2022年8月14日
    37

发表回复

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

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