멀티미디어 관련 태그

 

 

 

---

 

미디어에 관련된 태그는 무엇이 있을까?

 

 

---

 

 

 

 

audio 태그

 

--

audio 태그는

음성에 대한 미디어를 나타내는 태그로

항상 "src 속성"과 함께 사용하여 "src 속성"에 오디오 파일의 경로를 정의한다.

그리고 오디오 컨트롤러 패널이 웹 브라우저에 노출될 수 있도록 "controls 속성"을 추가한다.

 

기본 형식

<audio src="오디오 파일 경로" controls></audio>

 

예시 코드

<audio src="test.mp3" controls></audio>

--

 

 

 

 

video 태그

 

--

video 태그는

비디오 요소를 나타낼 때 사용된다.

이 또한 "audio 태그"처럼 "src 속성"과 "controls 속성"을 사용할 수 있다.

 

기본 형식

<video src="비디오 파일 경로" controls></video>

 

예시 코드

<video src="sample.mp4" controls></video>

--

 

 

 

 

source 태그

 

--

source 태그는

"audio 태그"와 "video 태그"에서 리소스(파일)의 경로와 미디어 타입을 명시하는 데 사용된다.

 

기본 형식

<audio controls>
   <source src="파일 경로" type="미디어 타입">
</audio>

<video controls>
   <source src="파일 경로" type="미디어 타입">
</video>

--