[HTML5+CSS3+Javascript 웹프로그래밍]13장 이론문제

1.다음 태그를 가진 웹 페이지가 있을 때 물음에 답하여라.

<audio id="pop" src="media/happy.mp3" autoplay loop>
	웹 브라우저가 audio 태그를 지원하지 않습니다.
</audio>

(1)웹 페이지가 로드되면 happy.mp3의 오디오가 바로 재생되는가?

예

autoplay속성에 의해 오디오가 바로 재생된다.

(2)happy.mp3는 1회 재생되는가 반복 재생되는가?

happy.mp3는 반복 재생된다.

loop 속성이 설정되면 재생이 끝나고 ended 이벤트는 발생하지 않는다.

(3)브라우저 화면에 오디오 재생중지, 음량 조절 등의 제어 버튼이 출력되는가?

출력되지 않는다.

controls속성에 의해 콘트롤 출력여부가 결정된다.

(4)주석문과 일치하도록 빈 칸에 자바스크립트 코드를 채워라.

var song = document.getElementById("pop"); //audio DOM 객체 알아내기
song.pause(); //오디오 일시중지
song.volume -= 0.1; //음량 0.1만큼 줄이기
song.src = "media/birthday.mp3"; //birthday.mp3로 오디오 소스 바꾸기
song.play(); //바꾼 오디오 재생 시작
song.muted = true; //음소거하여 들리지 않게 하기

 

3.오디오의 재생이 끝났을 때 호출되는 이벤트 리스터는 무엇인가?

①oncompleted

②onended

③onrefreshed

④onfinished

 

4.다음 <audio>태그에 대해 happy.mp3의 재생이 끝나면 바로 birthday.mp3를 한 번만 재생하도록 자바스크립트 코드를 작성하라.

var audio = documet.getElementById("audio");
audio.onended = function(e){
	audio.src="media/birthday.mp3";
    audio.play();
}

 

5.