기본 콘텐츠로 건너뛰기

4월, 2014의 게시물 표시

[HTML5 튜토리얼] Video와 Audio 태그 기본

출처 - http://unikys.tistory.com/278 [HTML5 튜토리얼] Video와 Audio 태그 기본 Programming Lecture/HTML5   2012/11/23 09:12 * 이제 html5 태그상에서 지원해주는 video와 audio에 대해서 공부해보자. 2012/10/25 - [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황 2012/11/03 - [HTML5 튜토리얼] 기초 및 기본 구조, 프로그래밍상 기존의 HTML과 바뀐 점 2012/11/05 - [HTML5 튜토리얼] HTML5에 추가된 Element들 그리고 문서의 구조화 2012/11/18 - [HTML5 튜토리얼] Canvas 기초 강좌 * Video와 Audio? : 기존의 웹이라하면 텍스트와 정보 기반으로 형성되어왔다면 이제는 다양한 창의적인 표현과 데이터 비쥬얼라이제이션과 정보를 잘 효과적으로 보여주는 것이 중요해지면서 그래프나 다양한 그래픽과 미디어들이 활용되기 시작했다. 이제 HTML5에서는 SVG와 자바스크립트를 통해 이러한 환경을 다루고자 하고 있다. : HTML5 에서는 다른 추가 플러그인 없이 비디오와 오디오의 미디어에 대한 재생이 가능하도록 지원해주고 있다. 기존에는 웹페이지에 동영상을 넣는다면 플래시, 실버라이트, 액티브X등 다양한 플러그인들이 존재했지만 이제는 브라우져 자체에서 동영상 기능을 지원해주기 시작한 것이다. 그리고 자바스크립트를 이용하면 미디어의 재생와 일시정지를 하는 것이 가능하고, 캔버스와 조합하게 되면 다양한  * <video> 태그 : 바로 예제를 보자. 1 2 3 4 < video controls    src = " http://media.w3.org/2010/05/bunny/movie.ogv " > Your user agent does no