$$config title: HTML audio, vidio 멀티미디어 태그 keywords: - IT - HTML $$ # HTML5 부터는 플로그인의 도움 없이 멀티 미디어태그 사용 가능하다. # audio 태그 - 음악이나 오디오 스트림과 같은 사운드를 정의할 때 사용한다. - audio 요소 내에 위치하는 텍스트는 사용자의 브라우저가 audio 요소를 지원하지 않을 경우 화면에 표시 - 시작 태그와 끝태그가 있다. ```js

``` ## audio 태그 속성 - src : 음악 파일의 경로를 지정 - prcload : 음악을 재생하기 전에 데이터를 어떡해 다운받을지 여부 지정 - 속성값 : none : 미리 다운로드 하지않고 재생버튼을 눌러야 다운로드한다. / metadate : 메타 정보만 다운로드한다. / auto(기본값) : 즉시 노래를 들을 수 있도록 해준다. - autoplay : 음악의 자동 재생 여부 지정 (다운로드 후 자동재생여부) - loop : 음악의 반복 여부 지정 - controls : 음악 재생 도구 출력 여부 지정 - prcload를 제외하곤 속성과 속성값이 동일 - cotrol 속성 미 작성 시 출력 되지 않는다. - src 속성을 작성 하지않고 audio 태그 사이 source src="" 단독 태그를 사용하여 확장자가 다른 파일을 불러 올 수 있다. ```js

``` - source 속성을 활용하여 여러 확장자를 입력하는 이유는 브라우저마다 인식될 수 없느 확장자가 있기 때문에 여러 확장자를 넣어 어느 브라우저에서도 활성화 되도록 하기 위해서다. - type : 나는 이런 확장자를 가진 파일입니다 라고 알려주는 속성이며, 생략이 가능하다. ## audio 태그 출력 ![출력결과](https://i.imgur.com/HdPYLfO.jpg) # video 태그 - 무비 클립(movie clip)이나 비디오 스트림(video stream)과 같은 비디오를 정의할 때 사용 - video 요소 내에 위치하는 텍스트는 사용자의 브라우저가 video 요소를 지원하지 않을 경우 화면에 표시 ```js