| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- CGIMALL
- 솔루션
- #홈페이지제작
- 해피씨지아이
- php
- #쇼핑몰
- #CSS
- #동영상
- #jQuery
- #image
- happycgi
- CSS
- #해피CGI
- #업종별
- 홈페이지제작
- 사이트제작
- #웹솔루션
- #cgimall
- #뉴스
- #이미지
- 웹솔루션
- #솔루션
- #happycgi
- javascript
- jquery
- 이미지
- 게시판
- 홈페이지
- #홈페이지
- 해피CGI
- Today
- Total
웹솔루션개발 26년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 간단하고 반응형인 HTML5 오디오 플레이어 - jQuery Fraudio 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] 간단하고 반응형인 HTML5 오디오 플레이어 - jQuery Fraudio
해피CGI윤실장 2026. 4. 23. 09:04- 소개
Fraudio는 최소한의 디자인과 깔끔한 인터페이스를 갖춘 반응형 맞춤형 오디오 플레이어 플러그인으로, audio태그와 함께 작동하며 ogg, mp3, wav 등 모든 HTML5 오디오 형식을 지원합니다.
- 라이센스
MIT
- 사용 방법
1. HTML 페이지에 jQuery 라이브러리와 jQuery Fraudio 플러그인의 축소 버전을 추가합니다.
2. 태그 에 CSS 클래스를 추가하고 속성에 오디오 제목과 아티스트를 정의하면 됩니다
3. 자신만의 플레이어 스타일을 만들려면,
해당 파일의 변수를 재정의하고 수정하면 파일에서 형식화된 CSS 스타일이 생성됩니다
- 작동 화면
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] FilePond – 드래그앤드롭을 지원하는 JavaScript 파일 업로드 라이브러 (0) | 2026.05.12 |
|---|---|
| [해피CGI][cgimall] Flatpickr - 가볍고 강력한 날짜, 시간 선택 라이브러리 (0) | 2026.05.11 |
| [해피CGI][cgimall] 스마트한 jQuery 반응형 텍스트 플러그인 - TextTailor.js (0) | 2026.04.20 |
| [해피CGI][cgimall] 인터랙티브 Bootstrap 5 이벤트 캘린더 플러그인 - jQuery bs-calendar (0) | 2026.04.15 |
| [해피CGI][cgimall] Pixlated 를 이용한 배경에 필름 그레인 및 노이즈 텍스쳐 추가 플러그인 (0) | 2026.04.14 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments