Question

我正在使用Ruby / Ruby on Rails上课，现在正在开发一个网站。我正在尝试设置一个页面，用户可以从下拉菜单中选择语音。与选择相关联的值被插入到动态构造的音频链接中。然后它会自动播放音频剪辑。用户可以使用菜单切换到不同的语音而无需离开页面。我在下面的内容在Chrome和Safari中运行良好，但在Firefox中无效。

我的教练建议使用JQuery和AJAX，但我一直被困在AJAX部分。

任何改善这一点的建议，尤其是让它在Firefox中运行都会非常感激。

HTML 1

<select name="dropdown" size=1>
<option value="">Select A Voice</option>
<option value="Agnes">Agnes</option>
<option value="Allison">Allison</option>
<option value="Ava">Ava</option>
</select>


Javascript
<script>
$('select[name="dropdown"]').change(function(){
    var thevoice= $(this).val();
    var wordlist = "/" + "<%= c_choice[1] %>.m4a";
    var source =  '/audios/' + thevoice + wordlist;
    var audio = new Audio(source);
    audio.play();
});
</script>

动态更改音频路径而不离开网页

0 个答案: