집 >
웹 프론트엔드 >
H5 튜토리얼 >
html5의 새로운 게임 플레이 - 음성 검색_html5 튜토리얼 기술
html5의 새로운 게임 플레이 - 음성 검색_html5 튜토리얼 기술
WBOY
풀어 주다: 2016-05-16 15:50:45
원래의
1941명이 탐색했습니다.
Google 웹사이트는 항상 새롭습니다. 오늘 저는 Google 홈페이지에서 HTML5를 재생하는 새로운 방법인 음성 검색을 발견했습니다. 안타깝게도 웹킷 기반 브라우저에서만 사용할 수 있습니다. 사용법은 매우 간단합니다. 입력에 x-webkit-speech 속성을 추가하면 됩니다. 예시는 다음과 같습니다.
코드 복사
코드는 다음과 같습니다:
이렇게 하면 오른쪽 "작은 마이크"에 추가 입력란을 클릭하면
이라고 뜨면서 인식이 되는지 테스트 해 보니 중국어와 영어 인식률이 나오는군요. 꽤 높다. 음성 입력의 기타 속성: lang은
Onwebkitspeechchange는 현재 유일하게 알려진 음성 이벤트입니다. 이름에서 알 수 있듯이 일반적으로
으로 제출할 수 있습니다.
코드 복사
코드는 다음과 같습니다.
이 말을 하면 자동으로 검색됩니다. x-webkit-grammar는 그렇지 않습니다. 음성 검색을 위한 속성이지만 이 입력 구문을 제어할 수 있습니다. 예를 들어 검색 상자를 만들 때
코드 복사 를 사용할 수 있습니다.
코드는 다음과 같습니다.
>
음성 입력 내용을 검색 내용에 최대한 가깝게 만들고 ""와 같은 중복 문자를 제거합니다. 이 기능은 꽤 흥미롭지만 그 실용성은 칭찬할 수 없습니다. 적용 범위가 너무 작아서 하루빨리 HTML5가 통일되어 적용되길 바랄 뿐입니다. 관련 참조:
HTML5 음성 검색(타오바오 스토어 음성 검색) HTML5 음성 검색에는 코드 하나만 필요합니다