简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial H5 > teks badan

html5在输入框添加语音输入功能

巴扎黑
Lepaskan： 2017-03-19 13:57:33
asal
3403 orang telah melayarinya

[导读] 这里介绍的是大家以后要用到的html强大功能，可直接给输入框增加语音功能，下面我们先来看看实现方法。大家可以看到在输入框右边的麦克风图标，点击麦克风就能够进行语音识别了其实很简单，语音识别是html5的基

这里介绍的是大家以后要用到的html强大功能，可直接给输入框增加语音功能，下面我们先来看看实现方法。

大家可以看到在输入框右边的麦克风图标，点击麦克风就能够进行语音识别了

\

其实很简单，语音识别是html5的基本功能，它的用法是


如果喜欢XHTML类似的语法，可以这样表示


语音识别在十年前是让人觉得不可思议的事情，即便是前些年，网页上的语音识别也只能使用其他方式实现，比如使用Flashplayer等等。不过现在，获取语音只需要简单的给输入框加入一个属性标签，就能够进行识别了。

移动设备如手机上的浏览器，只要支持html5，同样也应该支持语音识别。试试你的Android浏览这个网页？

另外，如果想用javascript获取语音识别这个事件的结束，可以使用onwebkitspeechchange

 

Atas ialah kandungan terperinci html5在输入框添加语音输入功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
php php教程 视频教程
sumber：php.cn
Artikel sebelumnya： HTML5实现时钟效果 Artikel seterusnya： html5入门之设计原理解析
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk menyenaraikan data dalam bahagian mengikut ID menggunakan gelung while dalam PHP? Saya mempunyai jadual mysql dengan lajur ini: series_id, series_color, product_name Dalam ...
daripada 2023-11-17 20:03:03
0
1
290
Panggilan ke undefined function create_function() Saya mendapat mesej ini di halaman utama tapak web: Ralat maut: Ralat tidak ditangkap: mem...
daripada 2023-11-16 19:00:36
0
1
277
<?php //Diberikan tahun, bulan dan hari, keluarkan hari dalam tahun tarikh itu (perhatikan bahawa tahun lompat 4 100 400) <?php //Diberikan tahun, bulan dan hari, keluarkan hari dalam tahun tarikh itu (perh...
daripada 2023-11-14 23:55:21
0
1
79
PHP memangkas ruang unicode Saya cuba memangkas ruang unicode seperti watak ini dan saya dapat melakukannya menggunaka...
daripada 2023-11-13 08:49:45
0
2
398
TYPO3 V11: "Amaran PHP: kunci tatasusunan tidak ditentukan", $this->request->getArguments() kosong Saya pengguna baharu typo3, saya membuat pemalam untuk memaparkan pengguna dan menggunakan...
daripada 2023-11-12 21:35:09
0
1
362
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！