html5의 새로운 게임 플레이 - 음성 검색_html5 튜토리얼 기술

Google 웹사이트는 항상 새롭습니다. 오늘 저는 Google 홈페이지에서 HTML5를 재생하는 새로운 방법인 음성 검색을 발견했습니다. 안타깝게도 웹킷 기반 브라우저에서만 사용할 수 있습니다. 사용법은 매우 간단합니다.
입력에 x-webkit-speech 속성을 추가하면 됩니다. 예시는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다:

이렇게 하면 오른쪽 "작은 마이크"에 추가 입력란을 클릭하면

이라고 뜨면서 인식이 되는지 테스트 해 보니 중국어와 영어 인식률이 나오는군요. 꽤 높다.
음성 입력의 기타 속성:
lang은

Onwebkitspeechchange는 현재 유일하게 알려진 음성 이벤트입니다. 이름에서 알 수 있듯이 일반적으로

으로 제출할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

이 말을 하면 자동으로 검색됩니다.
x-webkit-grammar는 그렇지 않습니다. 음성 검색을 위한 속성이지만 이 입력 구문을 제어할 수 있습니다. 예를 들어 검색 상자를 만들 때

코드 복사 를 사용할 수 있습니다.

코드는 다음과 같습니다.

>

음성 입력 내용을 검색 내용에 최대한 가깝게 만들고 ""와 같은 중복 문자를 제거합니다.
이 기능은 꽤 흥미롭지만 그 실용성은 칭찬할 수 없습니다. 적용 범위가 너무 작아서 하루빨리 HTML5가 통일되어 적용되길 바랄 뿐입니다.
관련 참조:

HTML5 음성 검색(타오바오 스토어 음성 검색)
HTML5 음성 검색에는 코드 하나만 필요합니다