오디오 태그를 사용해보자.

일반적으로 오디오 테그를 사용할 때는  

<embed src="sample.mp3"> 이런 형태로 사용했다. 하지만 이걸 쓰면 모든 브라우저에서 제대로 동작을 하지 않는다.

특정 플러그인을 깔라고 하거나 아예 되질 않는다.

그러므로 HTML5의 테그인 audio 테그를 이용해야 한다.

<audio controls>
  <source src="sample.mp3" type="audio/mpeg">
  브라우저가 이 테그를 사용하지 못합니다.
</audio>

게다가 html5 테그를 이용하면 모바일 기기에서도 동작을 하므로 가능하면 이 테그를 이용하도록 하자.

동영상을 올릴 때도  아래의 html5 테그를 이용하면 모든 기기에서 볼 수 있다.

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
 이 브라우저는 Video 테그를 사용 할 수 없습니다.
</video>

다만 문제라면 h264 나 WebM 코덱으로 인코딩을 해야한다는 점 빼고는 말이지.

오디오 태그에서 지원하는 파일 확장자.

• 아이폰, 아이패드: AAC, AIF, MP3, WAV
• 안드로이드 2.2 이상: AAC, AMR, M4A, MID, MP3, OGG, WAV

예제

embed 테그이용시 

audio controls 테그 사용시 

mp3 파일 예제

wav 파일 예제