前言

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

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

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

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

如何引入

• 通过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()，通过网络请求来接入图灵机器人系统（类似以前的小黄鸡?）。

项目地址

https://gitee.com/ko-orz/html5_iat

感谢

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