HTML5의 멀티미디어 태그

HTML5는 멀티미디어 콘텐츠를 쉽게 삽입할 수 있는 태그들을 도입했습니다. 이 글에서는 HTML5의 멀티미디어 태그에 대해 알아보겠습니다.

 

 

HTML5는 비디오와 오디오를 쉽게 삽입할 수 있는 <video>와 <audio> 태그를 제공합니다.

1. <audio> 태그: 오디오 파일을 삽입할 수 있습니다. 

    

   <audio controls>
     <source src="audiofile.mp3" type="audio/mpeg">
     브라우저가 오디오 태그를 지원하지 않습니다.
   </audio>
   

   예를 들어:controls 속성은 사용자가 재생, 일시정지, 볼륨 조절 등의 컨트롤을 사용할 수 있게 합니다.
2. <video> 태그: 비디오 파일을 삽입할 수 있습니다. 예를 들어:

   <video width="320" height="240" controls>
     <source src="videofile.mp4" type="video/mp4">
     브라우저가 비디오 태그를 지원하지 않습니다.
   </video>
   

 

width와 height 속성은 비디오의 크기를 설정하며, controls 속성은 사용자 컨트롤을 제공합니다.

 

HTML5의 멀티미디어 태그를 사용하면 플러그인 없이도 오디오와 비디오를 웹 페이지에 쉽게 통합할 수 있습니다. 다음 글에서는 HTML5의 그래픽 기능에 대해 알아보겠습니다.