『001』如何在自己的网页里引入一个聊天机器人(。・∀・)ノ

前言

我们常常能一些中二攻城狮的博客中看到一个聊天机器人。

那么，他们是怎么实现的呢？

其实，我们可以通过鼠标右键，代码调试来看到它们的源码，来学习他们的创建方法。

今天，就让我们直接来引用一下先感受感受吧(✿◕‿◕✿)！

如何引入

通过HTML

<!--需要将天奇机器人代码放入body的底部-->
<script src="https://maxmon.top/html5_iat/js/mmHelper.js">
复制代码

通过JS

const mmHS = document.createElement('script');
mmHS.src = 'https://maxmon.top/html5_iat/js/mmHelper.js';
document.body.append(mmHS)
复制代码

如何使用

移动端按住Maxmon机器人进入语音聊天
桌面端点击后，进入语音聊天

可用的命令

doSuccessThing(msg) 可直接和天奇机器人聊天

大致的原理

通过JS，在HTML中创建一个DOM对象，然后再给DOM对象addEventListener()，通过网络请求来接入图灵机器人系统（类似以前的小黄鸡?）。

项目地址

gitee.com/ko-orz/html…

感谢

科大讯飞提供语音识别技术
图灵机器人提供文字聊天技术
写了这篇文章的2019年2月15日00时17分的Maxmon

『001』如何在自己的网页里引入一个聊天机器人(。・∀・)ノ相关推荐

Mac和网页版Skype更新聊天机器人功能
近日,微软正式宣布,Mac版以及网页版Skype正式加入聊天机器人功能. Skype团队通过不懈的努力,制作了一个应用程序中的以及网页上的聊天机器人.运用聊天机器人这种方式,微软能够更好的为用户提供服 ...
『CSS』CSS样式表的三种引入方式
Kotlin从入门到『放弃』系列视频教程
https://github.com/enbandari/Kotlin-Tutorials 随着Kotlin越来越成熟稳定,我已经开始在生产环境中使用它.考虑到目前国内资料较少,近期我开始筹划录制一套 ...
『推荐』一款让搜索更快捷的油猴脚本
我们在检索的时候,往往需要从多个视角进行认识被检索内容,或者,获取被检索内容的多种资源,例如:检索"因果关系推断"一词时,我们国内常用的检索界面和结果如下: 假如这个时候,我们想查 ...
『飞鸽』百度悄然进军客户端领域
另外,ICG还可以统计出员工使用各种网络应用的时间,比如炒股软件.即时通讯.在线电影等等. ICG提供了"求职招聘"类的网页类型,人力资源部门统计近期频繁访问此类... 日前,有消 ...
『TensorFlow』通过代码理解gan网络_中
『cs231n』通过代码理解gan网络&tensorflow共享变量机制_上上篇是一个尝试生成minist手写体数据的简单GAN网络,之前有介绍过,图片维度是28*28*1,生成器的上采样使 ...
「爬虫入门」拒绝跟热点搞python，直接在浏览器里体验『第一次』，理解原理=＞如鱼得水
简介:没用过爬虫,现在有门课正好需要我们去学,于是试了下.想从实践入手,因此,给自己提了个需求:『把微信公众号的授权管理页面的开白名单抓出来』.并没有什么难度,这是我第一次独立写 JavaScript ...
『TensorFlow』批处理类
『教程』Batch Normalization 层介绍基础知识下面有莫凡的对于批处理的解释: fc_mean,fc_var = tf.nn.moments(Wx_plus_b,axes=[0],# ...
关于『HTML』:第三弹
关于『HTML』:第三弹建议缩放90%食用盼望着, 盼望着, 第三弹来了, HTML基础系列完结了!! 一切都像刚睡醒的样子(包括我), 欣欣然张开了眼(我没有) 敬请期待Markdown语法系列 ...
『重磅』免费无限量下载知网/万方/维普等数据库文献的正规渠道
本文链接("因果关系推断"微信公众号) 疫情期间迟迟不能返校,科研汪们都渴望可以像以前在学校那样,依旧自由地下载知网/万方/维普文献.今天就向大家推荐一种**『免费无限量』下载学术 ...

『001』如何在自己的网页里引入一个聊天机器人(。・∀・)ノ

前言

如何引入

如何使用

可用的命令

大致的原理

项目地址

感谢

『001』如何在自己的网页里引入一个聊天机器人(。・∀・)ノ相关推荐

最新文章

热门文章