html 5 의 audio 태그
1218 단어 html5 audio
페이지 에 음악 재생 기 를 삽입 합 니 다:
<div class="myaudio">
<audio id="myAudio" controls="controls" autoplay="true" src="http://luoo.800edu.net/low/luoo/radio665/01.mp3"></audio>
</div>
1. controls = "controls" 는 페이지 에 시작 / 일시 정지 제어 단 추 를 표시 합 니 다.
2. autoplay = "true" 는 웹 페이지 를 열 때 자동 으로 재생 합 니 다.
3. volume = 0.06 볼 륨 크기 를 조절 하고 아래 코드 는 자동 재생 을 제어 할 때 볼 륨 을 작 게 조절 합 니 다.
$(function(){
// audio
// $("#myAudio").prop("volume", "0.06");
$("#myAudio")[0].volume=0.06;
});
4. 일시 정지 와 재생 제 어 는 다음 과 같 습 니 다. play () 와 pause () 함 수 를 직접 사용 합 니 다.
function play()
{
$("#myAudio")[0].play();
}
function pause()
{
$("#myAudio")[0].pause();
}
5. 재생 곡 을 전환 하고 src 속성 을 변경 하면 됩 니 다.
$("#myAudio").attr("src", "http://luoo.800edu.net/low/luoo/radio665/02.mp3");