HTML5에서 새롭게 추가된 미디어 요소는 다음과 같습니다:
1. <video>
요소: 동영상을 재생하는 데 사용됩니다. <source>
요소를 사용하여 다양한 형식의 동영상 파일을 지원할 수 있습니다. 또한 controls
속성을 추가하여 사용자가 동영상을 제어할 수 있도록 할 수 있습니다.
2. <audio>
요소: 오디오를 재생하는 데 사용됩니다. 마찬가지로 <source>
요소를 사용하여 다양한 형식의 오디오 파일을 지원할 수 있습니다. controls
속성을 추가하여 사용자가 오디오를 제어할 수 있도록 할 수 있습니다.
3. <source>
요소: <video>
및 <audio>
요소와 함께 사용되며, 미디어 파일의 원본을 지정합니다. 다른 형식의 미디어 파일을 지원하기 위해 여러 개의 <source>
요소를 사용할 수 있습니다.
4. <track>
요소: <video>
및 <audio>
요소와 함께 사용되며, 자막, 캡션, 번역 등의 텍스트 트랙을 지정합니다. kind
속성을 사용하여 트랙의 종류를 지정할 수 있으며, src
속성을 통해 트랙 파일의 위치를 지정합니다.
5. <canvas>
요소: 그래픽 및 애니메이션을 위한 영역을 생성하는 데 사용됩니다. JavaScript를 사용하여 <canvas>
요소에 그래픽을 그릴 수 있으며, 게임, 데이터 시각화 등에 활용될 수 있습니다.
이러한 미디어 요소들은 HTML5의 등장으로 웹 페이지에서 풍부한 멀티미디어 콘텐츠를 제공할 수 있게 되었습니다.