html5 오디오 및 자바 스크립트 조작 문제

Question

<audio>과 자바 스크립트를 사용하여 오디오 파일 (mp3)을 조작하려고하는데 링크를 클릭해도 아무런 반응이 없습니다. alert()은 정상적으로 작동하지만 Safari 나 Firefox에서 오디오없이 아무런 일시 중지, 재생 안함, 아무 것도 일어나지 않습니다. 코딩이 싫은가요 또는 무엇입니까?

확인이 아웃 :

jQuery를/자바 스크립트 :

$(document).ready(function(){ 

    var audioElement = document.getElementById('audio_player'); 

    $('div.audioControls .play').live('click', function(){ 
    //alert('play'); 
    audioElement.play(); 
    }); 
    $('div.audioControls .pause').live('click', function(){ 
    //alert('pause'); 
    audioElement.pause(); 
    }); 
    $('div.audioControls .playatTime').live('click', function(){ 
    alert('play at time: 30 sec'); 
    audioElement.currentTime = 30; 
    audioElement.play(); 
    return false; 
    }); 

}); 

HTML :

<audio id="audio_player" controls="controls" src="aaliyah.mp3"> 
Your browser does not support the audio element. 
</audio> 

<div class="audioControls"> 
<a href="#" class="play buttons" style="border:1px solid #ccc;">play</a> 
<a href="#" class="pause buttons" style="border:1px solid #ccc;">pause</a> 
<a href="#" class="playatTime buttons" style="border:1px solid #ccc;">play at 35 secondes</a> 
</div> 

감사합니다!

Answer 1

이제는 왜 작동하지 않는지 알고 있습니다. 자바 스크립트 API를 사용하려면 html 태그 자체에서 컨트롤 속성을 제거해야하며 제대로 작동해야합니다.

감사합니다.