[HTML] MULTIMEDIA

 

비디오

 

<object>, <embed> : 플러그인 사용

- <object> : 외부 파일 삽입 (자바 애플릿, PDF 파일, 플래시 무비 등)

<object data="경로" type="유형" name="이름" width="너비" height="높이"></object>

 

- <embed> : <object>를 지원하지 않는 이전 브라우저에서 사용

 

지원 버전

브라우저	비디오			오디오
	mp4	webm	ogv	mp3	ogg
인터넷 익스플로어	o (9+)	x	x	o (9+)	x
크롬	o (all)	o (25+)	o (all)	o (all)	o (all)
파이어폭스	o (35+)	o (28+)	o (3.5+)	o (22+)	o (3.5+)
사파리	o (3.2+)	x	x	o (4+)	x
오페라	o (all)	x	x	o (4.1+)	x
IOS 사파리	o (all)	x	x	o (4.1+)	x
안드로이드 브라우저	o (4.4+)	x	x	o (2.3+)	o (2.3+)

 

<video> : 비디오 파일 삽입

<video src="비디오 파일 경로" [속성] [속성="속성 값"]></video>

 

<source> : 여러 미디어 파일 한꺼번에 지정

<source src="비디오 파일 경로" type="비디오 타입; codecs=''"></source>

 

- src : 미디어 파일 경로 지정 (공백이 있으면 안됨)

- type : 웹 브라우저가 해당 미디어 파일을 재생할 수 있는지 여부르 판단하기 위해 파일 유형을 알려줌

- codecs : 비디오 코덱 지정

 

<track> : 비디오 화면에 자막 추가

<track kind="자막 종류" src="경로" srclang="언어" label="제목"></kind>

 

- kind 속성

속성 값	설명
subtitles	소리를 켤 수 있지만 이해할 수 없는 경우 (다른 언어로 번역)
captions	청각장애인용 자막이거나 소리를 들을 수 없는 경우
decriptions	비디오 콘텐츠에 대한 설명 (화면에는 표시되지 않음)
chpaters	비디오 탐색을 위한 장 제목 (화면에는 표시되지 않음)
metadata	비디오 콘텐츠 정보 (화면에는 표시되지 않음)

 

 

---

 

 

오디오 

 

<audio> : 오디오 파일 삽입

<audio src="오디오 파일 경로" [속성] [속성="속성 값"]></audio>

 

- autoplay 속성 : 오디오 자동 재생

- controls 속성 : 웹 화면에 컨트롤 막대 표시

- loop 속성 : 오디오 반복 재생

- muted 속성 : 오디오를 재생해 진행하지만 소리는 끔

- preload 속성 : 재생 버튼을 눌러 재생하기 전에, 오디오 파일을 다운로드 함