티스토리 뷰

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

521dimensions/amplitudejs: A Javascript library that allows you to control the design of your media controls in your webpage -- not the browser. No dependencies (jQuery not required)




댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
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
글 보관함