일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- #cgimall
- #솔루션
- 홈페이지제작
- #업종별
- CGIMALL
- #동영상
- #웹솔루션
- 홈페이지
- #홈페이지제작
- #홈페이지
- 웹솔루션
- #CSS
- CSS
- php
- #뉴스
- 게시판
- #happycgi
- 쇼핑몰
- 해피씨지아이
- jquery
- 솔루션
- javascript
- #쇼핑몰
- #image
- happycgi
- 사이트제작
- 해피CGI
- #jQuery
- #이미지
- #해피CGI
- Today
- Total
목록audio (4)
웹솔루션개발 22년 노하우! 해피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..