Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使链接播放.mp3文件_Javascript_Html - Fatal编程技术网

Javascript 使链接播放.mp3文件

Javascript 使链接播放.mp3文件,javascript,html,Javascript,Html,请参见此处的工作代码: 我想修改此代码,使所有可能的答案都成为指向.mp3文件的链接。当用户单击其中任何一个链接时,将播放音频文件。然后用户可以选择答案并按submit 我该怎么做呢?有什么简单的方法可以应用到我的代码中来让它工作吗?我担心添加一些东西可能会禁用正确和错误的CSS类 请知道:如果有人认为有比将链接转换为可播放的mp3链接更有效/更简单的方法,我洗耳恭听 非常感谢 我的代码: <form> <table> <tr class="q1">

请参见此处的工作代码:

我想修改此代码,使所有可能的答案都成为指向.mp3文件的链接。当用户单击其中任何一个链接时,将播放音频文件。然后用户可以选择答案并按submit

我该怎么做呢?有什么简单的方法可以应用到我的代码中来让它工作吗?我担心添加一些东西可能会禁用正确和错误的CSS类

请知道:如果有人认为有比将链接转换为可播放的mp3链接更有效/更简单的方法,我洗耳恭听

非常感谢

我的代码:

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

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

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

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

<audio hidden="hidden" id="sound">  
  <source src="sound.ogg" type="audio/ogg" />
  <source src="sound.mp3" type="audio/mpeg" />
</audio> 
document.getElementById("sound").play();