Использование речи Webkit Google на странице ASP.NET ASPX?

Question

Я попытался с помощью API Google Webkit речи на моей странице ASP.NET ASPX с помощью этого:

<asp:TextBox class="chat-to-ai-textbox" ID="chatbox" runat="server" placeholder="Type or Speak"></asp:TextBox> 

и добавил строку кода:

protected void Page_Load(object sender, EventArgs e) 
{ 
     chatbox.Attributes.Add("x-webkit-speech", "x-webkit-speech"); 
} 

Я также добавил следующий скрипт для обнаружения браузера поддержка речи:

<script> 
     if (document.createElement("input").webkitSpeech === undefined) { 
      alert("Speech input is not supported in your browser."); 
     } 
</script> 

Однако при запуске Chrome, я не вижу кнопку Speech/вариант, чтобы начать распознавание и браузер отображает ошибку «Не поддерживается в вашем браузере». Что я делаю не так?

Answer 1

Атрибут поля ввода x-webkit-речи устарел. Вместо этого используйте JavaScript API.

проект

Использование Github для этой цели: https://github.com/Daniel-Hug/speech-input

Пример: http://daniel-hug.github.io/speech-input/

Использование:

Включите Речевые input.css и речи-input.js Добавить Si- введите класс ввода в поле ввода. Оберните ввод в a с классом si-wrapper. Добавить кнопку с классом si-btn в качестве брата на вход. Для стиля по умолчанию используйте кнопку разметки в примере ниже:

<div class="si-wrapper"> 
    <input type="text" class="si-input" placeholder="What's up?"> 
    <button class="si-btn"> 
     speech input 
     <span class="si-mic"></span> 
     <span class="si-holder"></span> 
    </button> 
</div>