HTML5에서 새롭게 추가된 미디어 요소는 무엇인가요?

0

기술면접 - HTML

목록 보기
17/20

HTML5에서 새롭게 추가된 미디어 요소는 무엇인가요?

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의 등장으로 웹 페이지에서 풍부한 멀티미디어 콘텐츠를 제공할 수 있게 되었습니다.

profile
지치지 않는 백엔드 개발자 김성주입니다 :)

0개의 댓글