차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 다음 판 | 이전 판 | ||
| tech:html5_video [2013/04/11 07:27] – 새로 만듦 14.32.18.124 | tech:html5_video [2016/07/12 00:56] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| + | {{tag> | ||
| + | ======Html5 Video====== | ||
| + | |||
| + | 웹에서 img태그를 사용하여 이미지를 보여주듯이 동영상도 비디오 태그만 잘 알고 있다면 별도의 플러그인 없이도 웹 표준 기술인 HTML만으로 동영상 서비스가 가능해진다. | ||
| + | HTML5 관련 기술을 접목한 많은 서비스가 등장하고 있으며 다양한 개발시도가 이뤄지고 있다. | ||
| + | |||
| + | |||
| + | ^형식^설명^MIME-type^ | ||
| + | |MP4 | MPEG 4 files with H264 video codec and AAC audio codec|video/ | ||
| + | |WebM | WebM files with VP8 video codec and Vorbis audio codec|video/ | ||
| + | |Ogg | Ogg files with Theora video codec and Vorbis audio codec|video/ | ||
| + | |||
| + | <code html>< | ||
| + | <source src=" | ||
| + | <source src=" | ||
| + | 현재 사용중인 웹브라우저가 비디오 태그를 지원하지 않습니다. | ||
| + | </ | ||
| + | |||
| + | 이렇게하면 [[adobe flash player]]나 다른 플러긴 없이 동영상을 재생할 수 있을 것 같지만, | ||
| + | |||
| + | 브라우져 마다 재생할 수 있는 형식이 다르다. | ||
| + | 모든 브라우져에서 다 재생되게 하려면, 아래와 같은 닭짓을 해야할 수도 있다. | ||
| + | |||
| + | <file html> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | 여러 최신 브라우져에서 MP4 가 가장 많이 지원된다. 오페라는 MP4를 지원하지 않고, ogv와 webm 만 지원한다. | ||
| + | |||
| + | |||
| + | ^Browser^MP4^WebM^Ogg^ | ||
| + | |Internet Explorer|YES|NO|NO| | ||
| + | |Chrome|YES|YES|YES| | ||
| + | |Firefox|YES|YES|YES| | ||
| + | |Safari|YES|NO|NO| | ||
| + | |Opera|NO|YES|YES| | ||
| + | |||
| + | 자바스크립트를 이용한 플레이어를 사용해서 브라우져와 기기간 호환성을 해결하려는 많은 노력이 있다. | ||
| + | |||
| + | |||
| + | http:// | ||
| + | |||
| + | |||
| + | ^ 누구나 수정하실 수 있습니다. [[http:// | ||
| + | |||