使链接播放.mp3文件

Make links play .mp3 file

本文关键字：文件 mp3 播放 链接      更新时间：2023-09-26

请参阅此处的工作代码：http://jsfiddle.net/hrnDG/6/

我想修改这个代码，以便所有可能的答案都成为.mp3文件的链接。当用户单击这些链接中的任何一个时，都会播放音频文件。然后，用户可以选择他们的答案并按提交。

我该怎么做？有没有什么简单的东西可以应用到我的代码中，让它发挥作用？我担心添加一些东西可能会禁用正确和错误的CSS类。

请知道：如果有人认为有比把链接变成可播放的mp3链接更有效/更简单的方法，我洗耳恭听

非常感谢！

我的代码：

<form>
<table>
<tr class="q1">                       
    <td>What sounds like a rabbit?</td>
    <td>
        <input class="radiostyle wrong" type="radio" name="answerswers" value="Java" id="answerswers_1_Java" />
        <label for="answerswers_1_Java">A</label></td>
    <td>
        <input class="radiostyle right" type="radio" name="answerswers" value="JavaScript" id="answerswers_1_JavaScript" />
        <label for="answerswers_1_JavaScript">B</label></td>
    <td>
        <input class="radiostyle wrong" type="radio" name="answerswers" value="Ruby" id="answerswers_1_Ruby" />
        <label for="answerswers_1_Ruby">C</label></td>
    <td>
        <input class="radiostyle wrong" type="radio" name="answerswers" value="C#" id="answerswers_1_C#" />
        <label for="answerswers_1_C#">D</label></td>
    <td><input class="submit submit-1" type="submit" value="Submit" /></td>
    <td></td></tr></table></form>​

JS-

$('.submit').click(function() {
$(this).closest('tr')
    .find('[name="answerswers"]')
        .removeClass('checked')
    .filter(':checked')
        .addClass('checked');
return false;
});​

如果您可以假设您的用户有一个启用HTML5的浏览器，那么您可以向页面添加一个隐藏的<audio>元素，并从脚本中播放它。

<audio hidden="hidden" id="sound">  
  <source src="sound.ogg" type="audio/ogg" />
  <source src="sound.mp3" type="audio/mpeg" />
</audio>

如果浏览器支持<audio>，则使用JavaScript通过以下代码启动播放器：

document.getElementById("sound").play();
相关文章：