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

目录

    • 前言
    • 如何引入
    • 如何使用
    • 可用的命令
    • 大致的原理
    • 项目地址
    • 感谢

Maxmon

前言

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

那么,他们是怎么实现的呢?

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

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

如何引入

  • 通过HTML

<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

你可能感兴趣的:(文章分享之路,HTML,聊天机器人)