<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$( function(){
$('#btn').click(function(){
$('#ding_dong').trigger("play");
});
});
</script>
<input type="button" value="Ding Dong" id='btn'>
<audio id="ding_dong"><source src="Ding Dong.mp3" type="audio/mpeg"></audio>
특정 이벤트발생시(위의 예제는 버튼 클릭) 음악을 재생시키고 싶다면 위 소스 처럼 하면 된다.
그리고 audio태그에
<audio controls>
<source src="Ding Dong.ogg" type="audio/ogg">
<source src="Ding Dong.mp3" type="audio/mpeg">
당신의 브라우져는 컨트롤러를 지원하지 않음.
</audio>
위처럼 써주면 알아서 컨트롤러를 지원 하는 프라우져에서는 해당 파일의 컨트롤러가 보여지게 된다.
(컨트롤러를 지원하지 않으면 당신의 브라우져는 컨트롤러를 지원하지 않음. 문구가 보여진다.)