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

JavaScript 로 만들어진 HTML5 형 오디오 플레이어 입니다. 플레이어의 주요기능 - 플레이어 확대축소 - 플레이 리스트 - 플레이 리스트 확대 축소 - 볼륨 설정 - 재생/일시 중지 - 셔플 - 자동재생 사용방법 압축파일 해제하시면 index.html 파일이 존재합니다. 해당 파일에서 플레이 리스트를 컨트롤 할 수 있습니다. 그 외의 플레이어는 모두 js/script.js 에서 컨트롤 하고 있습니다. 별다른 수정 없이 디자인만 수정하여 사용하기에는 좋은 듯 합니다.

HTML5 를 이용하여 음원을 재생하는 오디오 플러그인 입니다. 자체 기능을 사용하여 만들어진 것 같진 않습니다. 이유는 플레이어 코드를 봤을때 JPLAYER 를 사용한 흔적이 보입니다. js/zen.js 파일을 보니 확실하네요. jplayer 를 이용한 거군요. 하지만 디자인을 이쁘게 만들어놨네요.^^ 그래서 있는 기능 그대로 사용하실 경우 괜찮다 생각 합니다. 기능을 추가하여 사용하고자 하시는 경우 JPLAYER 를 참고하셔서 커스터마이징 하면 됩니다. Developer Guide 는 아래의 링크를 참고하세요. http://jplayer.org/latest/developer-guide/

HTML5 의 audio 태그를 이용하여 음원을 재생하는 플러그인 입니다. HTML5 를 브라우저가 지원되지 않는 브라우저는 자동으로 FLASH를 이용합니다. 기본 AUDIO 태그를 사용하면 브라우저별 플레이어 디자인이 다르게 출력됩니다. 이를 표준 CSS 로 스타일을 지정할 수 있는 모든 브라우저에는 동일한 UI로 출력되도록 해 두었습니다. 라이센스 : MIT 라이센스 사용법 안내 입니다. audio.js, player-graphics.gif& audiojs.swf를 같은 폴더에 넣습니다. 해더에 스크립트를 호출 합니다. 컨테이너를 초기화 합니다. AUDIO 태그를 원하는 위치에 적용하시면 됩니다. ※특이사항 AUDIO 태그는 원래 autoplay 속성을 통해 자동 재생을 가능했습니다. 하지만 chro..

플레이어에 사용할 음악은 태그에서 값을 입력하면 자동으로 플레이가 됩니다. 플레이도중 플레이바에 마우스 커서클릭시 즉시 반영되어 스킵이 가능합니다. 소리크기역시 플레이바와 마찬가지로 클릭으로 변경이 가능합니다. 이외 플레이어의 핵심 파일인 audioplayer.css 을 조절하여 플레이어의 색상 및 스킨등의 변경이 가능합니다.