[HTML 이미지 & 미디어 삽입] #02 <audio>, <video> 태그 기본 사용법
·
Web Front/HTML
안녕하세요 토스트데브입니다.이번 글에서는 웹페이지에 오디오와 비디오를 삽입할 수 있는 HTML 태그인 와 태그에 대해 알아보겠습니다.이제는 텍스트와 이미지뿐 아니라, 소리와 영상도 웹 페이지의 중요한 구성 요소입니다.HTML5에서는 플러그인 없이도 브라우저에서 미디어 재생이 가능해졌죠!지금부터 기본 사용법과 속성들을 간단한 예제와 함께 정리해보겠습니다. 🎵 태그 – 오디오 삽입하기✅ 기본 구조 태그는 오디오 파일을 삽입하고 재생할 수 있게 해줍니다.controls 속성을 추가하면 사용자가 재생/정지/볼륨 조절 등의 UI를 직접 제어할 수 있습니다. 🎯 주요 속성속성설명src오디오 파일 경로 (.mp3, .ogg, .wav 등)controls재생 UI 노출autoplay페이지 로딩 시 자동 재생..