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

Maxmon

前言

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

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

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

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

如何引入

  • 通过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
  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值