当前位置：文江博客话题详情

网页文本框中的语音转文本按钮

发布于 2024-12-13 08:44:28 字数 124 浏览 1 评论 0原文

网页上的文本框中是否可以有一个有效的 Google 语音转文本按钮？

在此处输入图像描述

如何做到？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

感性 2024-12-20 08:44:28

这是一个 HTML5 的东西 ...

<input type="text" id="txtSearch" x-webkit-speech />

所以，只能在可用的浏览器中工作。

实时代码：http://jsbin.com/afifaw/3

在此处输入图像描述

it's an HTML5 thingy ...

<input type="text" id="txtSearch" x-webkit-speech />

so, will only work in available browsers.

Live code: http://jsbin.com/afifaw/3

enter image description here

回复收藏 0 原文

没有你我更好 2024-12-20 08:44:28

这是一个非常粗糙的 TTS 实现，您可能会觉得可以接受。这需要一些温柔的爱和关怀，但这是一个起点。

<p id="tts">The maximum number of characters, including punctuation marks and all spaces, that I can read is 100</p>

<a target="new" id="ttsLink" onclick="document.getElementById('ttsReader').src='http://translate.google.com/translate_tts?tl=en&q='+encodeURIComponent(document.getElementById('tts').innerHTML)">  <u>click me<u></a>

<br/ ><br />
<iframe id="ttsReader" width="10" height="10"></iframe>

This is a really crude implementation of TTS that you might find acceptable. It's going to need some tender love and care, but it's a starting point.

<p id="tts">The maximum number of characters, including punctuation marks and all spaces, that I can read is 100</p>

<a target="new" id="ttsLink" onclick="document.getElementById('ttsReader').src='http://translate.google.com/translate_tts?tl=en&q='+encodeURIComponent(document.getElementById('tts').innerHTML)">  <u>click me<u></a>

<br/ ><br />
<iframe id="ttsReader" width="10" height="10"></iframe>

回复收藏 0 原文

~没有更多了~