Wyszukiwanie głosowe — część 4

Implementacja wygląda następująco:<div> <a href="#" id="start_button" onclick="startDictation(event)">Dictate</a> </div>

<div id="results"> <span id="final_span" class="final"></span> <span id="interim_span" class="interim"></span> </div>

<script type="text/javascript"> var final_transcript = ''; var recognizing = false;

if ('webkitSpeechRecognition' in window) {

var recognition = new webkitSpeechRecognition();

recognition.continuous = true; recognition.interimResults = true;

recognition.onstart = function() { recognizing = true;

recognition.onerror = function(event) { console.log(event.error);

recognition.onend = function() { recognizing = false;

recognition.onresult = function(event) { var interim_transcript = ''; for (var i = event.resultIndex; i < event.results.length; ++i) { if (event.results[i].isFinal) { final_transcript += event.results[i].transcript; } else { interim_transcript += event.results[i].transcript;

final_transcript = capitalize(final_transcript); final_span.innerHTML = linebreak(final_transcript); interim_span.innerHTML = linebreak(interim_transcript);

var two_line = /\n\n/g; var one_line = /\n/g; function linebreak(s) { return s.replace(two_line, '<p></p>').replace(one_line, '<br>'); }