HTML5와 멀티미디어

김경천·2021년 4월 12일
0

오디오 & 비디오 재생하기

audio, video 태그

<audio src= "오디오 파일 경로" [속성] [속성="속성 값"]></audio>
<video src= "비디오 파일 경로" [속성] [속성="속성 값"]></video>
속성
width, height: 크기조절한다.
autoplay: 오디오 자동재생한다.
controls: 컨트롤 막대 표시한다. 재생/멈춤, 진행 바, 볼륨 등이 표시된다.
loop:     반복 재생한다.
muted:    무음
preload:  재생 버튼을 눌러 재생하기 전에 오디오 파일을 다운로드해 준비해둔다.
poster : 포스터 이미지(비디오 재생 할수 없는경우 대신 표시하는 이미지)지정한다. 

track 태그

비디오에 외부 자막 파일을 연결하는 태그이다.

<track kind="자막 종류" src="경로" srclang="언어" label="제목" default>
kind 속성 - 자막 종류 지정
subtitles : 자막 기본
descriptions : 비디오 콘텐츠에 대한 설명이다. 화면에 표시되지 않는다.
chapters:      비디오 탐색을 위한 창 제목이다. 화면에 표시되지 않는다.
-
srclang: 사용 언어 지정한다.
label :  자막이 여러 개일 경우, 자막 식별 제목 표시한다.
default: 자막이 여러 개일 경우, 기본으로 사용할 자막 지정한다. 
profile
화이팅

0개의 댓글