일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 홈페이지
- 게시판
- #홈페이지제작
- 쇼핑몰
- #happycgi
- #홈페이지
- 해피씨지아이
- jquery
- #쇼핑몰
- 웹솔루션
- #뉴스
- #업종별
- #해피CGI
- #image
- #솔루션
- #jQuery
- 해피CGI
- 솔루션
- #웹솔루션
- 홈페이지제작
- javascript
- #CSS
- CGIMALL
- CSS
- #동영상
- #이미지
- 사이트제작
- happycgi
- php
- #cgimall
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] HTML5 오디오 플레이어(AUDIO.JS) 본문
HTML5 의 audio 태그를 이용하여 음원을 재생하는 플러그인 입니다.
HTML5 를 브라우저가 지원되지 않는 브라우저는 자동으로 FLASH를 이용합니다.
기본 AUDIO 태그를 사용하면 브라우저별 플레이어 디자인이 다르게 출력됩니다.
이를 표준 CSS 로 스타일을 지정할 수 있는 모든 브라우저에는 동일한 UI로 출력되도록 해 두었습니다.
라이센스 : MIT 라이센스
사용법 안내 입니다.
audio.js, player-graphics.gif& audiojs.swf를 같은 폴더에 넣습니다.
해더에 스크립트를 호출 합니다.
컨테이너를 초기화 합니다.
AUDIO 태그를 원하는 위치에 적용하시면 됩니다.
※특이사항
AUDIO 태그는 원래 autoplay 속성을 통해 자동 재생을 가능했습니다.
하지만 chrome 에서는 자동재생이 대부분 되지 않습니다.
단, 음소거 모드에서는 자동재생 가능합니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] kcToggle : jQuery Themable Checkbox Plugin (0) | 2021.06.03 |
---|---|
[해피CGI][cgimall] HTML5 ZEN PLAYER (0) | 2021.05.31 |
[해피CGI][cgimall] Animated Binary/Decimal Calculator In jQuery (0) | 2021.05.26 |
[해피CGI][cgimall] vis.js Ver4.21.0 - 각종 통계 차트 그래프 출력 (0) | 2021.05.24 |
[해피CGI][cgimall] sigmajs V1.2.1 - 네트워크 그래프 (0) | 2021.05.21 |
Comments