亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

directory search
導論 前言 為什么學習JavaScript JavaScript的歷史 基本語法 語法概述 數(shù)值 字符串 對象 數(shù)組 函數(shù) 運算符 數(shù)據(jù)類型轉換 錯誤處理機制 JavaScript 編程風格 標準庫 Object對象 包裝對象和Boolean對象 Number對象 String對象 Math對象 Date對象 RegExp對象 JSON對象 ArrayBuffer:類型化數(shù)組 面向?qū)ο缶幊?/a> 概述 封裝 繼承 模塊化編程 DOM Node節(jié)點 document節(jié)點 Element對象 Text節(jié)點和DocumentFragment節(jié)點 Event對象 CSS操作 Mutation Observer 瀏覽器對象 瀏覽器的JavaScript引擎 定時器 window對象 history對象 Ajax 同域限制和window.postMessage方法 Web Storage:瀏覽器端數(shù)據(jù)儲存機制 IndexedDB:瀏覽器端數(shù)據(jù)庫 Web Notifications API Performance API 移動設備API HTML網(wǎng)頁元素 Canvas API SVG 圖像 表單 文件和二進制數(shù)據(jù)的操作 Web Worker 服務器發(fā)送事件 Page Visibility API Fullscreen API:全屏操作 Web Speech requestAnimationFrame WebSocket WebRTC Web Components HTML網(wǎng)頁的API HTML網(wǎng)頁元素 Canvas API SVG 圖像 表單 文件和二進制數(shù)據(jù)的操作 Web Worker 服務器發(fā)送事件 Page Visibility API Fullscreen API:全屏操作 Web Speech requestAnimationFrame WebSocket WebRTC Web Components 開發(fā)工具 console對象 PhantomJS Bower:客戶端庫管理工具 Grunt:任務自動管理工具 Gulp:任務自動管理工具 Browserify:瀏覽器加載Node.js模塊 RequireJS和AMD規(guī)范 Source Map JavaScript 程序測試 JavaScript高級語法 Promise對象 有限狀態(tài)機 MVC框架與Backbone.js 嚴格模式 ECMAScript 6 介紹 附錄 JavaScript API列表
characters

    • 概述

    • SpeechRecognition對象

    • 事件

    • 參考鏈接

概述

這個API用于瀏覽器接收語音輸入。

它最早是由Google提出的,目的是讓用戶直接進行語音搜索,即對著麥克風說出你所要搜索的詞,搜索結果就自動出現(xiàn)。Google首先部署的是input元素的speech屬性(加上瀏覽器前綴x-webkit)。

<input id="query" type="search" class="k-input k-textbox" 
 x-webkit-speech speech />

加上這個屬性以后,輸入框的右端會出現(xiàn)了一個麥克風標志,點擊該標志,就會跳出語音輸入窗口。

由于這個操作過于簡單,Google又在它的基礎上提出了Web Speech API,使得JavaScript可以操作語音輸入。

目前,只有Chrome瀏覽器支持該API。

SpeechRecognition對象

這個API部署在SpeechRecognition對象之上。

var SpeechRecognition = window.SpeechRecognition || 
                        window.webkitSpeechRecognition || 
                        window.mozSpeechRecognition || 
                        window.oSpeechRecognition || 
                        window.msSpeechRecognition;

為了將來的兼容性考慮,上面的代碼列出了所有瀏覽器的前綴。但是實際上,目前只有window.webkitSpeechRecognition是可用的。

確定瀏覽器支持以后,新建一個SpeechRecognition的實例對象。

if (SpeechRecognition) {       
  var recognition = new SpeechRecognition();
  recognition.maxAlternatives = 5;
}

maxAlternatives屬性等于5,表示最多返回5個語音匹配結果。

事件

目前,該API部署了11個事件。下面對其中的3個定義回調(diào)函數(shù)(假定speak是語音輸入框)。

var speak = $('#speak');

recognition.onaudiostart = function() {
  speak.val("Speak now...");
};

recognition.onnomatch = function() {
  speak.val("Try again please...");
};

recognition.onerror = function() {
  speak.val("Error. Try Again...");
};

首先,瀏覽器會詢問用戶是否許可瀏覽器獲取麥克風數(shù)據(jù)。如果用戶許可,就會觸發(fā)audiostart事件,準備接收語音輸入。如果找不到與語音匹配的值,就會觸發(fā)nomatch事件;如果發(fā)生錯誤,則會觸發(fā)error事件。

如果得到與語音匹配的值,則會觸發(fā)result事件。

recognition.onresult = function(event) { 

  if (event.results.length > 0) { 

    var results = event.results[0], 
        topResult = results[0];    if (topResult.confidence > 0.5) {
      speechSearch(results, topResult);
    } else {
      speak.val("Try again please...");
    }
  }
};

result事件回調(diào)函數(shù)的參數(shù),是一個SpeechRecognitionEvent對象。它的results屬性就是語音匹配的結果,是一個數(shù)組,按照匹配度排序,最匹配的結果排在第一位。該數(shù)組的每一個成員是SpeechRecognitionResult對象,該對象的transcript屬性是實際匹配的文本,confidence屬性是可信度(在0與1之間)。

參考鏈接


Previous article: Next article: