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");

좋은 웹페이지 즐겨찾기