live2d 看板娘 简单添加看版娘到自己的网站
簡單添加看版娘到自己的網站
關注公眾號后臺回復? “看板娘”??獲取全部文件(接口,源代碼)。
我們先來看一下我們的網站會變成什么樣吧!
http://www.djyqxbc.vip(官網)注意左下角。
簡單制作一個簡單的看板娘
點擊左下角的4個方塊(開始菜單),直接搜索iis。
啟動,并新增一個自己的網站,在網站目錄下導入下面這些文件。
主要的文件我已經放在網盤了,文后有鏈接哦。
?
?
然后訪問本地這個網站,我們就可以看見自己的看板娘了。
?
或者在當前文件夾中,我們已經有寫好的網站頁面,那我們只需要添加這段代碼在我們當前的網站代碼中,就能引入看版娘了。
<!-- 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.
相關推薦:
?windows IIS+php配置教程
搭建flask web框架及應用
搭建服務器jenkins+sonar的持續集成代碼質量環境
人像轉漫畫
喜歡記得關注我們哦。
?
?
總結
以上是生活随笔為你收集整理的live2d 看板娘 简单添加看版娘到自己的网站的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 视频语音如何翻译成文字?
- 下一篇: 设备更新,工作室搬迁