自己的智能AI聊天机器人,可自定义头像,免费html源码分享,粘贴即用!

代码可以用在博客系统如何界面上 只需要您的博客系统支持编辑文章html发布!
直接复制代码使用即可
凡是可以插入html的页面
都可以使用

在线体验博客网页版

1.展示效果
效果预览图:
2023-02-27T04:55:09.png
新增小功能:
① 在原有的基础上加入了本地实时存档的功能,按照下面的步骤便可以随时在本地查看以往和智能AI所有的聊天记录哦!再也不用担心关闭网页后先前的聊天内容全部消失啦!

PS:最新的谷歌和Edge浏览器都有本地存档这个功能哦~

②实时监控本地储存空间余量(5MB)

③还有炫酷彩虹按钮,可以一键清空自己的本地存档,这样就不会被其他人不小心看到自己的聊天记录了!

④在使用的时候发现最下方的输入框容易遮挡文字影响截图与使用,所以便加入了隐藏按钮,点击便隐藏对话框,方便查看与截图~

⑤加入了可自定的头像哦!按照下方步骤便可以更换自己与智能AI的头像哦,聊天更有代入感~

⑥当遇见服务器无法回复的情况时,会自主提出异常,不用重启网页便可以直接在发送一次哦!

2.修改头像の步骤
修改自己头像的位置,修改src地址就可以哦,可以使用网络上和本地的图。(网络上的图片就自己用用哦,有版权风险)
修改自己tox

智能机器人头像修改同理哦
机器人头像

3.全部html代码以及注意事项
使用的前提是需要有chatGPT的账号去获取apikey,然后把拿到的apikey放在下面代码中,
apikey

代码下载:
请前往微信小程序搜索:小旋风WiFi
或者扫描下方二维码获取:
(点击商城即可免费获取下载地址)

gh_a49729d7101c_258.jpg
————————————————
本文开发声明:感谢此博主的思路。
借用了CSDN博主「胡瓜三十八」的原创文章,加以开发。
原文链接:https://blog.csdn.net/weixin_62475262/article/details/129110292

最后修改:2023 年 03 月 01 日
如果觉得我的文章对你有用,请随意赞赏