티스토리 뷰
HTML5에서 음악 파일을 처리 할 수 있었지만, 대부분 UI가 제공되지 않습니다.
그런 상태로는 전혀 매력적이지 않을 것입니다.
별도 UI를 생성해야합니다.
이번에 소개하는 오픈 소스 소프트웨어는 Amplitude.js, HTML5 오디오 플레이어입니다.
이것을 사용하면 좋아 보이는 UI로 제공 할 것입니다.
Amplitude.js 사용법
위의 재생 부분이 플레이어입니다.
마우스 오버 재생, 정지 표시가 바뀝니다.
이런 느낌입니다.
썸네일뿐만 아니라 앨범의 확대 표시도 가능합니다.
재생 목록에도 대응
SoundCloud도 재생할 수 있습니다.
시각화도.
심플도 좋지만, 더 풍부한 플레이어도 있습니다.
Amplitude.js 절대로 풍부하고 편리한
HTML5 오디오 플레이어를 쉽게 제공 할 수 있습니다.
물론 API도 갖추고 있기 때문에 프로그래밍 연계도 용이합니다.
Amplitude.js 자체는 외부의 JavaScript 라이브러리에 독립적입니다.
Amplitude.js는 JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다.
Open Source HTML5 Audio Player - Amplitude.js
'오픈소스' 카테고리의 다른 글
OwnTracks - 위치정보 다이어리를 만들자 (0) | 2016.06.27 |
---|---|
msoffice - CUI에서 오피스 파일을 암호화 및 암호 해독 (0) | 2016.06.27 |
Yays - 메뉴 바 상주 YouTube 플레이어 (1) | 2016.06.23 |
TopicTimer - Web 기반의 간편한 타이머 (0) | 2016.06.23 |
Tumbless - Amazon S3를 사용한 서버레스 블로그 시스템 (0) | 2016.06.23 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Web API
- go
- GPL v3
- GitHub
- CMS
- github에
- 오픈 소스
- software
- Open Source JavaScript
- HTML5
- 웹 API
- javascript
- Web 오픈 소스
- node.js
- Web
- GPL
- Mac OSX
- Web 오픈 소스 JavaScript
- mit license
- LGPL
- License MIT
- 디자인
- 자바 스크립트
- cui
- 소프트웨어
- GUI
- SVG
- linux
- 텍스트
- MIT 라이센스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함