웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] HTML5 오디오 플레이어(AUDIO.JS) 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] HTML5 오디오 플레이어(AUDIO.JS)

해피CGI윤실장 2021. 5. 28. 09:15



HTML5 의 audio 태그를 이용하여 음원을 재생하는 플러그인 입니다.

HTML5 를 브라우저가 지원되지 않는 브라우저는 자동으로 FLASH를 이용합니다.

기본 AUDIO 태그를 사용하면 브라우저별 플레이어 디자인이 다르게 출력됩니다. 

이를 표준 CSS 로 스타일을 지정할 수 있는 모든 브라우저에는 동일한 UI로 출력되도록 해 두었습니다.


라이센스 : MIT 라이센스


사용법 안내 입니다.   
 audio.js, player-graphics.gif& audiojs.swf를 같은 폴더에 넣습니다.
 

 

해더에 스크립트를 호출 합니다. 

   
 
컨테이너를 초기화 합니다.

  
  
AUDIO 태그를 원하는 위치에 적용하시면 됩니다.


 
※특이사항
AUDIO 태그는 원래 autoplay 속성을 통해 자동 재생을 가능했습니다.
하지만 chrome 에서는 자동재생이 대부분 되지 않습니다.
단, 음소거 모드에서는 자동재생 가능합니다.

 

 

 

홈페이지바로가기

Comments