HTML에서 멀티미디어 표현


<embed> 태그 : 외부 애플리케이션이나 상호작용 콘텐츠를 위한 컨테이너


  ex) <embed src = "a.mp3" type = "audio/mpeg">


- <audio> 태그 : 외부 플러그인 도움 없이 오디오 재생

 <audio src = "파일 주소"> 

<embed  src = "a.mp3"> 

 </audio>  


 속성 : src, autoplay, controls, loop, muted

    -> 보통 속성 값 없이 사용가능

    -> 속성 값을 사용해서도 쓸 수 있다. 


- 웹에서 주로 사용되는 오디오 형식 : mp3, wav. ogg


<source> 태그 : 다양한 포맷을 지원

 type = "audio/mp3",  "audio/wav", "audio/ogg"

 

ex)

<audio controls>

<source src = "a.ogg" type= "audio/ogg">

<source src = "a.wav" type= "audio/wav">

<source src = "a.mp3" type= "audio/mp3">

audio 요소를 지원하지 않는 브라우저입니다.

</audio>

      

<video> 태그 


ex)

<video scr = "" controls poster = "a.jpg"

video 요소를 지원하지 않는 브라우저입니다.

</video>


비디오 파일 형식 : MP4, WebM, Ogg

비디오 재생 구간 지정 가능


ex) #t=[시:분:초][,시:분:초]


<track> 태그 : 자막 처리를 위한 태그

 속성 : src="URL", kind="속성값", label="텍스트", srclang="언어코드", default

+ Recent posts