HTML Media

멀티미디어 파일 삽입

<object>, <embed> 태그

>> 웹 문서 안에 다른 문서를 삽입할 때도 사용 가능하다.
>> 오디오 파일 뿐만 아니라 비디오, PDF 등 다양한 멀티미디어 파일 삽입 가능하다.

<embed src="파일경로" width="너비" height="높이" />

 

<embed> 태그

>> 오디오, 비디오, 이미지 등 다양한 멀티미디어 파일 삽입 가능하다.

>> src 속성을 사용하여 멀티미디어 파일 지정 & 삽입한다.

 

 <audio>, <video> 태그

> 오디오와 비디오 파일을 삽입
- HTML4까지는 웹 브라우저에서 멀티미디어 파일을 삽입한 후
    재생하려면 플러그인 프로그램이 따로 필요

- <audio> 태그

>> controls 속성: 오디오나 비디오 파일을 시작하거나 종료할 수 있는 컨트롤 바 속성

 

 

controls	플레이 화면에 컨트롤 바를 표시
autoplay	오디오나 비디오를 자동으로 실행
loop	오디오나 비디오를 반복 재생
muted	오디오나 비디오의 소리를 제거
preload	페이지를 불러올 때 오디오나 비디오 파일을 어떻게 로딩할 것인지 지정 사용할 수 있는 값 : auto, metadata, none 기본값 preload=”auto”
poster="파일 이름"	<video> 태그에서 사용하는 속성 비디오가 재생되기 전까지 화면에 표시될 포스터 이미지 지정

 

 

ex)