> 웹 프론트엔드 > 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 음성 검색에는 코드 하나만 필요합니다
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿