[Html] 멀티미디어와 플러그인 - object, embed

멀티미디어 파일 형식

• HTML5 이전까지는 웹 브라우저마다 어떤 종류의 멀티미디어 파일을 지원할지 각자 다른 방식으로 처리했지만, HTML5에서는 플래시와 같은 외부 플러그인의 도움 없이도 멀티미디어 파일을 간단히 사용할 수 있게 되었다.
• 웹 브라우저는 파일의 타입을 파일의 확장자로 판단하며, 비디오나 사운드와 같은 멀티미디어 요소들은 멀티미디어 파일에 저장된다.
• HTML5 표준이 공식적으로 지원하는 비디오 파일 형식은 MP4, WebM, OGV이고 오디오 파일 형식은 MP3, WAV, Ogg 뿐이다.

 

플러그인(Plug-in)

• HTML 플러그인이란 웹 브라우저의 표준 기능을 확장해 주는 프로그램을 의미하며, 이러한 플러그인은 object 요소나 embed 요소를 사용하여 HTML 문서에 추가할 수 있다.
• 가장 널리 알려진 플러그인으로는 Java Applet, Flash Player, Pdf Reader 등이 있다.

object 요소

• object 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다.
• 이 요소는 모든 웹 브라우저에서 동작하며, 객체뿐만 아니라 또 다른 HTML 문서를 삽입할 수도 있다.

<object data="/examples/media/sample_plugins_pdf.pdf" style="width:100%; height:700px"></object>

<!-- 이미지 삽입 -->
<object data="/examples/images/img_flower.png"></object>

embed 요소

• embed 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다.
• 이 요소는 모든 웹 브라우저에서 동작하며, 객체뿐만 아니라 HTML 문서를 삽입할 수도 있다.
• embed 요소는 HTML5 이전까지는 HTML 표준이 아니었으므로, HTML5에서는 유효하지만, HTML4에서는 유효하지 않는다.

<embed src="/examples/media/sample_plugins_pdf.pdf" style="width:100%; height:700px">

<!-- 이미지 삽입 -->
<embed src="/examples/images/img_flower.jpg" style="width:350px; height:263px">

 

Reference

• http://www.tcpschool.com/
• https://poiemaweb.com/