댓글 : HTML5는 음성 검색을 지원하지만 불행히도 WebKit Core 브라우저만이이를 매우 간단하게 사용할 수 있습니다. 입력에 속성 x-webkit-speech 만 추가하면됩니다. 관심있는 친구들은 그것에 대해 배울 수 있습니다.
HTML5는 음성 검색을 지원하지만 불행히도 WebKit Core 브라우저 만 사용할 수 있습니다. 사용법은 매우 간단합니다. 입력에 속성 X-WebKit-Speech를 추가하십시오. 예제는 다음과 같습니다. <입력 유형 = 텍스트 x-webkit-speech />
이런 식으로 입력 상자의 오른쪽에 "작은 마이크"가 있으며 클릭하면 프롬프트가 표시됩니다.
그런 다음 Taobao Store Voice Search와 같이 말하고 인식 할 수 있습니다.
음성 입력의 기타 속성 : Lang은 언어 유형입니다.
입력 상자의 언어 유형을 제어 할 수 있습니다 (예 : <입력 유형 = 텍스트 x- webkit-speech lang = zh-cn/>
현재 onwebkitspeechchange 만 알려져 있습니다. 이름에서 알 수 있듯이 연설이 바뀔 때 트리거 된 이벤트입니다. 일반적으로 제출물 <입력 유형 = 텍스트 x-webkit-speech onwebkitspeechchange = $ (this) .cloest ( 'form'). oldow ()/>로 제출할 수 있습니다. 이렇게하면 말을 마치면 자동으로 검색됩니다.X-Webkit-Grammar : 이것은 음성 검색에 사용되는 속성이 아니지만이 입력의 구문을 제어 할 수 있습니다. 예를 들어, 검색 상자를 수행 할 때 <입력 유형 = 텍스트 x- webkit-speech x-webkit-grammar = 내장 : 검색 /> x-webkit-grammar :
검색 내용에 가능한 한 가깝게 음성의 내용을 입력하고 "the"와 같은 불필요한 문자를 제거하십시오.
다음은 테스트 할 작은 예입니다.<html>
<body>
<inputtype = "text"accesskey = "s"autofocus = "true"autocomplete = "off"name = "value_2"id = "value_2"x-webkit-speech lang = "zh-cn"x-webkit-grammar = "내장 : 검색">
<버튼 유형 = "제출"> 검색 </button>
</body>
</html>
효과는 다음과 같습니다.