Google 웹 사이트는 Shibian Shixin입니다. 오늘 저는 홈페이지에서 HTML5를 플레이하는 새로운 방법을 발견했습니다. 불행히도 WebKit Core 브라우저 만 사용할 수 있습니다. 사용법은 매우 간단합니다
입력에 속성 X-WebKit-Speech를 추가하십시오. 예제는 다음과 같습니다.
<입력 유형 = "텍스트"x- webkit-speech />
이런 식으로 입력 상자의 오른쪽에 "작은 마이크"가 있으며 클릭하면 프롬프트가 표시됩니다.
그러면 나는 당신에게 말하고 그것을 인식 할 수 있습니다. 테스트 후 중국어와 영어의 인식 속도가 상당히 높다는 것을 알았습니다.
음성 입력에 대한 기타 속성 :이 랭은 상자의 발음 유형을 강요 할 수 있습니다.
<입력 유형 = 텍스트 x- webkit-speech lang = zh-cn/>
현재 유일하게 알려진 음성 이벤트는 onwebkitspeechchange입니다. 이름에서 알 수 있듯이 음성이 변할 때 트리거 된 이벤트입니다. 일반적으로 제출할 수 있습니다.
<input type = "text"x-webkit-speech onwebkitspeechchange = "$ (this) .cloest ( 'form'). submit ()"/>
그 후 자동으로 검색됩니다
X-Webkit-Grammar는 음성 검색에 사용되는 속성이 아니지만이 입력의 구문을 제어 할 수 있습니다. 예를 들어, 검색 상자를 사용하는 경우 사용할 수 있습니다.
<입력 유형 = "텍스트"x- webkit-speech x-webkit-grammar = "내장 : 검색" />
음성의 컨텐츠 입력을 최대한 검색 내용에 가깝게 만들고 "the"와 같은 불필요한 문자를 제거하십시오.
이 기능은 매우 흥미롭고 실용적이라는 것은 좋은 생각이 아닙니다. 주로 응용 프로그램 범위가 너무 작기 때문에 HTML5가 가능한 빨리 균일하게 적용되기를 바랍니다.
관련 참조 :
HTML5 음성 검색 (Taobao Store 음성 검색)
HTML5 음성 검색에는 하나의 코드 문장 만 필요합니다