HTML5 Rocks

HTML5 Rocks

HTML5 특징

멀티미디어

Audio와 Video는 과거에 이미지같은 미디어 타입과 동일한 방법으로 HTML5에서 웹의 기반 요소가 되었습니다. 관련 API를 통해서 미디어 컨트롤, 탐색할 수 있는 타임라인, 미디어 파일의 네트워크 상태 값에 접근할 수 있습니다. 그리고 해당 API에 추가될 예정인 Audio Data API와 Timed Track API를 통해서 오디오 원본 파일을 읽고 쓰거나 비디오에 자막을 수정할 수 있습니다. 하지만 이런 새로운 HTML 요소의 진정한 힘은 Canvas, SVG, CSS와 WebGL같은 다른 기술과 결합할 때 더 확실히 들어납니다.

예를 들어 여러분은 오디오 트랙을 믹싱하고 음량조절을 할 여러 컨트롤러가 달린 DJ 믹스 테이블을 만들 수 있습니다. Canvas는 동영상에서 픽셀 데이터를 읽을 수 있습니다. 그러므로 장면을 선택하는 기능으로 동영상 미리보기를 추가할 수 있고 그 위에 비디오가 플레이 되는 동안 영상을 외곡시킬 포토샵 스타일의 SVG 필터를 사용할 수 있습니다.

새로 나온 문서

데모

Craftymind: Blowing Up HTML5 Video
Web Speech API demo

There are also a number of demos of media APIs on simpl.info:

적용 사례

Extension FM Music Library
HTML5 on Youtube

참고자료