- HTML5와 Video
- <video> 태그 사용 예제
위 예제는 해당 태그가 삽입된 영역에 320의 너비, 240의 높이의 크기에 맞도록 movie.org라는 Video 파일을 재생할 수 있게 한다
- <video> 태그 속성
- 멀티 코덱 파일 대응 예제
위의 예제 코드와 같이 <video> 태그 내에 <source> 태그를 삽입하고 재생할 비디오 파일을 src 속성으로, 그에 해당하는 코덱의 타입
type으로 설정하면 <video> 태그를 지원하는 브라우저에서는 문제없이 비디오를 재생할 수 있다.
- 비디오 컨트롤러 기능 구현하기
- <audio> 태그 속성
- 동영상 화면 캡쳐
버튼을 누르면 현재 재생되고 있는 동영상의 화면을 캡쳐 하여 화면에 표시한다
본 실습에서는 동영상이 포함되어 있는 예제 페이지의 <body> 태그 부분이 아래와 같을 때, 화면을 캡쳐하여
<canvas> 태그에 표시할 수 있는 자바스크립트 함수를 구현한다
'Client Standard > HTML' 카테고리의 다른 글
| Web Storage (0) | 2013.08.01 |
|---|---|
| Drag and Drop (0) | 2013.08.01 |
| HTML5 Canvas (0) | 2013.08.01 |
| HTML5의 새로운 요소 (0) | 2013.08.01 |
| [HTML5] Drag and Drop 기능 (0) | 2013.07.24 |