访问者用语音命令控制你的网站。

语音命令控制你的网站。

<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.0/annyang.min.js"></script>
<script>
if (annyang) {// Let's define our first command. First the text we expect, and then the function it should callvar commands = {'show tps report': function() {$('#tpsreport').animate({bottom: '-100px'});}};// Add our commands to annyangannyang.addCommands(commands);// Start listening. You can call this here, or attach this call to an event, button, etc.annyang.start();
}
</script>

<script>
var commands = {// annyang will capture anything after a splat (*) and pass it to the function.// e.g. saying "Show me Batman and Robin" is the same as calling showFlickr('Batman and Robin');'show me *tag': showFlickr,// A named variable is a one word variable, that can fit anywhere in your command.// e.g. saying "calculate October stats" will call calculateStats('October');'calculate :month stats': calculateStats,// By defining a part of the following command as optional, annyang will respond to both:// "say hello to my little friend" as well as "say hello friend"'say hello (to my little) friend': greeting
};var showFlickr = function(tag) {var url = 'http://api.flickr.com/services/rest/?tags='+tag;$.getJSON(url);
}var calculateStats = function(month) {$('#stats').text('Statistics for '+month);
}var greeting = function() {$('#greeting').text('Hello!');
}</script>

可以轻松地为用户添加一个GUI，使用Speech KITT与语音识别进行交互。

<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.0/annyang.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/0.3.0/speechkitt.min.js"></script>
<script>
if (annyang) {// Add our commands to annyangannyang.addCommands({'hello': function() { alert('Hello world!'); }});// Tell KITT to use annyangSpeechKITT.annyang();// Define a stylesheet for KITT to useSpeechKITT.setStylesheet('//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/0.3.0/themes/flat.css');// Render KITT's interfaceSpeechKITT.vroom();
}
</script>

让基特知道如何启动和停止您使用的语音识别引擎SpeechKITT.setStartCommand()和SpeechKITT.setAbortCommand。
将事件添加到SpeechRecognition引擎，以便SpeechKITT.onStart()在启动时以及SpeechKITT.onEnd()停止时调用。
告诉KITT哪个样式表用于它的GUI SpeechKITT.setStylesheet()（KITT带有许多预制样式）。
开始你的引擎 SpeechKITT.vroom()

<script src="//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/1.0.0/speechkitt.min.js"></script>
<script>
// Init the browser's own Speech Recognition
var recognition = new webkitSpeechRecognition();// Tell KITT the command to use to start listening
SpeechKITT.setStartCommand(function() {recognition.start()});// Tell KITT the command to use to abort listening
SpeechKITT.setAbortCommand(function() {recognition.abort()});// Register KITT's recognition start event with the browser's Speech Recognition
recognition.addEventListener('start', SpeechKITT.onStart);// Register KITT's recognition end event with the browser's Speech Recognition
recognition.addEventListener('end', SpeechKITT.onEnd);// Define a stylesheet for KITT to use
SpeechKITT.setStylesheet('//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/1.0.0/themes/flat.css');// Render KITT's interface
SpeechKITT.vroom(); // SpeechKITT.render() does the same thing, but isn't as much fun!
</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.4.0/annyang.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/1.0.0/speechkitt.min.js"></script>
<script>
if (annyang) {// Add our commands to annyangannyang.addCommands({'hello': function() { alert('Hello world!'); }});// Tell KITT to use annyangSpeechKITT.annyang();// Define a stylesheet for KITT to useSpeechKITT.setStylesheet('//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/1.0.0/themes/flat.css');// Render KITT's interfaceSpeechKITT.vroom();
}
</script>

访问者用语音命令控制你的网站。相关推荐

ESP32A1S开发之智能家居语音唤醒语音命令控制（持续更新）
本博客的分析对象是安信可基于乐鑫esp-adf的一个智能家居的例程.由此来了解adf对智能家居的支持.通过对例程的分析来具体的了解adf的应用. 文章目录智能家居main.c主要逻辑语音模块 1, ...
python控制小爱同学_神秘鸭，用Siri小爱同学语音助手控制你的电脑
智能手机发展至今,智能可不仅是改变了沟通和上网形式,依据强大的算法核心,各种基于AI的智能语音助手屡见不鲜,其中苹果的Siri.小米的小爱同学.阿里的天猫精灵,极受欢迎.虽说现在的人工智能语音助手,仍 ...
乐鑫Esp32-S2学习之旅① 入门 ESP32-S2 环境搭建，分享如何直连苹果智能家居 HomeKit 平台，轻松语音 Siri 控制！
本系列博客学习由非乐鑫官方人员半颗心脏潜心所力所写,不做开发板.仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 基于乐鑫ESP32 芯片模组 C SDK二次开发的技 ...
tasker 语音配置文件_如何使用Android和Tasker为Alexa和Google Home创建自定义语音命令...
tasker 语音配置文件 Tasker is one of the most powerful automation tools on Android. Plugins like AutoVoice ...
【Win10 应用开发】语音命令与App Service集成
昨天,老周演示了语音命令集成这一高大上功能,今天咱们来点更高级的语音命令. 在昨天的例子中,响应语音命令是需要启动应用程序的,那么如果可以不启动应用程序,就直接在小娜面板上进行交互,是不是会更高大小呢 ...
谷歌开放语音命令数据集，助力初学者利用深度学习解决音频识别问题
语音命令数据集地址:http://download.tensorflow.org/data/speech_commands_v0.01.tar.gz 音频识别教程地址:https://www.tens ...
重磅！公开基于“内心对话”的EEG脑机接口数据集，助力语音意念控制研究
脑电图是一种标准的.无创的测量脑电活动的方法.人工智能的最新进展让大脑模式的自动检测得到显著改进,允许越来越快.更可靠和可访问的脑-机接口.很多的范式已被用于实现人机交互.在过去的几年里,对解释和描述 ...
AT命令控制上网 PDP
AT命令控制上网 PDP 1. AT+CGATT=1 (Attach or detach from GPRS service, GPRS 附着状态) 说的简单点,这一步就是让SGSN (服务GPRS节 ...
siri语音输入效果_如何输入Siri的语音命令
siri语音输入效果 If it's too loud around you and you can't adequately use Siri to quickly look up somethin ...

访问者用语音命令控制你的网站。

访问者用语音命令控制你的网站。相关推荐

最新文章

热门文章