2012-08-05 4 views
0

을 재생합니다. 사용자가 이러한 링크 중 하나를 클릭하면 오디오 파일이 재생됩니다. 그런 다음 사용자는 대답을 선택하고 제출을 누릅니다.링크는 여기에 코드를 작업을 참조하십시오 .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; 
});​ 

답변

4

하면 사용자가 HTML5 지원 브라우저를 가지고, 당신은 페이지에 숨겨진 <audio> 요소를 추가 할 수 있다는 가정에서 재생할 수 있습니다 경우 스크립트.

document.getElementById("sound").play(); 
다음 <audio>가 브라우저에서 지원되는 경우, 다음 코드에 의해 플레이어를 시작하는 자바 스크립트를 사용

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