Google's website is always new, and today I discovered a new way to play HTML5 on their homepage - voice search. Unfortunately, it can only be used by webkit-based browsers. Usage is very simple
Just add the attribute x-webkit-speech to the input. The example is as follows:
This way you will have an extra input box on the right "Small Microphone", when you click it, it will prompt

and then it will be recognized. I tested it and found that the recognition rate of Chinese and English is quite high.
Other attributes of voice input:
lang can force the language type of the voice in the input box, such as
Onwebkitspeechchange is currently the only known voice event. As the name suggests, it is an event triggered when the voice changes. Generally, it can be submitted as
After saying this, it will automatically search
x-webkit-grammar is not an attribute for voice search, but it can control this input Syntax, for example, when making a search box, you can use
Make the voice input content as close as possible to the search content and remove redundancy characters, such as ""
This function is quite interesting, but I cannot praise its practicality. The main reason is that the scope of application is too small, so I can only hope that HTML5 will be unified and applied as soon as possible.
Related references:
HTML5 voice search (Taobao store voice search)
HTML5 voice search only requires one code

This article explains how to embed audio in HTML5 using the <audio> element, including best practices for format selection (MP3, Ogg Vorbis), file optimization, and JavaScript control for playback. It emphasizes using multiple audio f

The article discusses using the HTML5 Page Visibility API to detect page visibility, improve user experience, and optimize resource usage. Key aspects include pausing media, reducing CPU load, and managing analytics based on visibility changes.

This article explains how to create and validate HTML5 forms. It details the <form> element, input types (text, email, number, etc.), and attributes (required, pattern, min, max). The advantages of HTML5 forms over older methods, incl

The article discusses managing user location privacy and permissions using the Geolocation API, emphasizing best practices for requesting permissions, ensuring data security, and complying with privacy laws.

This article details creating interactive HTML5 games using JavaScript. It covers game design, HTML structure, CSS styling, JavaScript logic (including event handling and animation), and audio integration. Essential JavaScript libraries (Phaser, Pi

The article discusses using viewport meta tags to control page scaling on mobile devices, focusing on settings like width and initial-scale for optimal responsiveness and performance.Character count: 159

The article explains how to use the HTML5 Notifications API to display desktop notifications, focusing on permission requirements, customization, and browser support.

This article explains the HTML5 WebSockets API for real-time, bidirectional client-server communication. It details client-side (JavaScript) and server-side (Python/Flask) implementations, addressing challenges like scalability, state management, an


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function

Dreamweaver Mac version
Visual web development tools

ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment

SublimeText3 Mac version
God-level code editing software (SublimeText3)

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
