더북(TheBook)

예를 들어, 다음과 같이 audio 태그를 사용한다고 합시다.

03/08/audio_source.html

<audio controls>
  <source src="sample.wav" type="audio/wav">
  <source src="sample.mp3" type="audio/mp3">
  지원하지 않는 웹 브라우저입니다.
</audio>

그러면 audio 태그는 먼저 작성한 source 태그의 파일부터 현재 웹 브라우저에서 해당 파일 포맷을 지원하는지 확인합니다. 만약 웹 브라우저에서 지원하지 않는다면 그 다음에 작성된 source 태그의 파일을 같은 방식으로 확인합니다. 모든 source 태그를 확인했는데, 전부 지원하지 않는 형식이라면 마지막에 작성한 텍스트가 사용자에게 노출됩니다. 이 과정은 video 태그도 같습니다.

따라서 audio 태그나 video 태그를 사용할 때는 웹 접근성을 고려해 source 태그로 다양한 포맷의 멀티미디어를 등록해 두는 방식으로 사용하는 것이 좋습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.