在页面加载上运行ResponsiveVoice语音
此操作正确，它在单击时使用文本区域，但如何将其更改为说onload
<script src="http://responsivevoice.org/responsivevoice/responsivevoice.js"></script>
<script src="http://code.jquery.com/jquery-git2.js"></script>
<textarea id="text" cols="45" rows="3"> HHHH</textarea>
<select id="voiceselection"></select>
<input onclick="responsiveVoice.speak($('#text').val(),$('#voiceselection').val());" type="button" value="Play" />
<br>
<button id="isPlaying">Playing:</button>
<p id="r">?</p>文字区现在只写了四个字母。
我想这是关键的部分，但不能把它恰当地融入到任何执行中：
responsiveVoice.speak($('#text').val(),$('US English Female').val());我试过：
var voicelist = responsiveVoice.getVoices();
var vselect = $("#voiceselection");
$.each(voicelist, function() {
vselect.append($("<option />").val(this.name).text(this.name));
});
// Yours
$('#isPlaying').on('click', function() {
$('#r').text(window.speechSynthesis.speaking)
})
$(document).ready(function() { //short code: $(function() { ... });
responsiveVoice.speak($('#text').val(), $('US English Female').val());
});<script src="http://responsivevoice.org/responsivevoice/responsivevoice.js"></script>
<script src="http://code.jquery.com/jquery-git2.js"></script>
<textarea id="text" cols="45" rows="3">It reads this</textarea>
<select id="voiceselection"></select>
<script>
</script>
<input onclick="responsiveVoice.speak($('#text').val(),$('US English Female').val());" type="button" value="Play" />
但我得到了一个“找不到声音:未定义”的错误。
回答 4
Stack Overflow用户
发布于 2015-11-24 19:45:50
钩入OnVoiceReady处理程序，然后尝试在加载默认声音等之后说话：
responsiveVoice.OnVoiceReady = function() {
console.log("speech time?");
responsiveVoice.speak($('#text').val());
};<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//responsivevoice.org/responsivevoice/responsivevoice.js"></script>
<textarea id="text" cols="45" rows="3">one two three</textarea>
Stack Overflow用户
发布于 2015-11-26 12:26:01
谢谢你使用ResponsiveVoice！
您应该使用以下代码附加到OnReady事件：
responsiveVoice.addEventListener("OnReady", myInitFunction);因为等待页面加载是不够的。你得等到声音被装上。
为什么iphone safari不运行这个程序呢？
苹果公司禁止在没有用户操作的情况下启动任何语音。因此，您需要在单击按钮之后触发to ()，例如。
另外，为什么在android浏览器上经过4或5次刷新10秒后，它就停止工作了？
ResponsiveVoice在安卓设备上有一些问题。我们正在努力修复它。我们推荐使用我们的最新版本，您可以在这里找到：
Stack Overflow用户
发布于 2015-11-24 19:22:56
不要使用内联事件处理。使用抽象事件。它使代码更容易理解/读取。
$(document).ready(function() { //short code: $(function() { ... });
responsiveVoice.speak($('#text').val(),$('#voiceselection').val());
});文档就绪事件是在DOM加载完成时触发的。
没有jQuery版本：
window.onload，使用新的ES6标准箭头函数。不需要jQuery！
window.onload = () => {
responsiveVoice.speak(document.getElementById("text").value, document.getElementById("voiceselection").value);
}https://stackoverflow.com/questions/33902050
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号