[HTML5 & CSS3] 웹과 멀티미디어

▶ 웹과 멀티미디어

 

*<object> 태그와 <embed> 태그 - 플러그인 사용하기

웹 브라우저에서 처리할 수 없는 작업을 위해 웹 문서 안에 포함시킨 외부 프로그램 기능을 플러그인이라고 한다. 이런 플러그인을 웹 브라우저에 적용하려면 <object> 태그와 <embed> 태그를 사용한다.

​

​

-<object> 태그 - 외부 파일 삽입하기

​

기본형)

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

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

속성	설명
data	외부 파일의 경로를 지정한다.
type	포함시킨 내용의 유형을 지정한다.
name	다른 요소들과 구분할 수 있는 이름을 지정한다.
width	포함시킨 내용의 너비 값을 지정한다.
height	포함시킨 내용의 높이 값을 지정한다.

​

​

-<embed> 태그 - 외부 파일 삽입하기

주로 <object> 태그를 지원하지 않는 이전 브라우저에서 사용된다.

​

기본형)

<embed src="경로" type="유형" width="너비" height="높이">

 

​

​​

*멀티미디어의 웹 표준화

종류	확장자	설명
비디오	mp4	고화질 영상을 지원해 많은 사이트에서 사용되고 있다. 라이선스가 있지만 웹에서 사용할 경우에는 무료로 사용할 수 있다.
	webm	화질이 우수하고 무료로 제공되어 최근 많이 사용하고 있다.
	ogv	화질은 다른 비디오 유형보다 떨어지지만 무료라는 장점 때문에 webm 형식이 등장하기 전에 많이 사용되었다.
오디오	mp3	대부분의 음원에서 사용되지만 라이선스 때문에 유료로 사용해야 한다.
	ogg	무료이므로 게임 등에서 많이 사용한다.

 

브라우저	비디오			오디오
	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 (25+)	O (16+)	O (11.5+)	O (15+)	O (11.5+)
iOS 사파리	O (all)	X	X	O (4.1+)	X
안드로이드 브라우저	O (4.4+)	X	X	O (2.3+)	O (2.3)

​