[英]Make links play .mp3 file
请在此处查看工作代码: 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="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>
JS
$('.submit').click(function() {
$(this).closest('tr')
.find('[name="answers"]')
.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();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.