Используйте x-webkit-speech в расширении HTML / JavaScript - PullRequest
Новая
       17

Используйте x-webkit-speech в расширении HTML / JavaScript

11 голосов
/ 04 апреля 2011

Я пытаюсь использовать новую функцию x-webkit-speech в простом расширении HTML / JavaScript в Google Chrome .Я, однако, попробовал и попытался просмотреть кучу примеров и не могу заставить его успешно вызывать функцию.Я видел, как другие люди делают это, и я не понимаю, почему я не могу.Я помещаю код JavaScript в отдельный файл, но я включаю с помощью

Ответы [ 3 ]

8 голосов
/ 05 апреля 2011

Я играл сегодня с этой функцией, и на самом деле ваш код, кажется, в порядке и работает для меня.Полная версия будет выглядеть следующим образом: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Speech</title>
</head>

<script type="text/javascript" charset="utf-8">
    function onChange() {
        alert('changed');
    }
</script>

<body>

    <input id="speechInput" type="text" style="font-size:25px;"
           x-webkit-speech onwebkitspeechchange="onChange()" />

</body>
</html>

Хотя я заметил, что onChange () не вызывается, если Chrome не может распознать речь.Я использую Chrome 11.0.696.28 бета.Кроме того, атрибут речи не требуется, если вы ориентируетесь только на браузеры на основе веб-наборов, такие как Chrome или Safari.И даже если вы оставите его внутри, он не будет работать с Firefox 4. Не уверен насчет IE9, поскольку у меня его нет.

0 голосов
/ 02 апреля 2013 
if (document.createElement("input").webkitSpeech === undefined) {
    alert("Speech input is not supported in your browser.");
}

Вы можете использовать этот код

0 голосов
/ 01 октября 2012

Не волнуйтесь, просто попробуйте, это должно помочь 

<!DOCTYPE html> 
<html>
<meta charset="utf-8" />  
<title>Speech Input Test</title>  
<h2>Speech Input Test</h2>
<input id="speech-input-field" type="text" x-webkit-speech="">
<html>
...