HTML / audio, video

 

audio 태그

: 음향파일을 제공받아 재생하는 태그

• 음향파일 : mp3 파일, ogg 파일 등

• autoplay 속성 : 자동 재생 기능을 제공하는 속성 (속성값 생략 가능)
• controls 속성 : 재생 관련 제어판을 제공하기 위한 속성 (속성값 생략 가능)
• loop 속성 : 반복 재생을 제공하기 위한 속성 (속성값 생략 가능)
• preload 속성 : none, metadata, auto(기본값) 중 하나를 속성값으로 설정

<audio src="/web/html/audio/horse.mp3" autoplay="autoplay" controls="controls" loop="loop" preload="auto"></audio>

 

 

source 태그

: 멀티미디어 파일을 제공하기 위한 태그

• type 속성 : 파일의 형태(MimeType)를 속성값으로 설정
• MimeType : 클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘 (자세히 보기 참고) 타입 : text, image, audio, video, application

 

 

 

# 브라우저마다 재생할 수 있는 오디오태그(멀티미디어파일)이 다르기 떄문에 audio 태그와 source 태그 중 알맞은 것을 사용해야 한다.

 

 

 

---

 

 

video 태그

: 동영상파일을 제공받아 재생하는 태그

• 동영상파일 : mp4 파일, ogg(ogv)파일, webm 파일 등

<video src="/web/html/video/movie.mp4" autoplay="autoplay" controls="controls"></video>