웹솔루션개발 22년 노하우! 해피CGI의 모든것

웨이브치는 뮤직 플레이어입니다. 제이쿼리를 통해 플레이와 정지를 컨트롤 하고웨이브는 transform을 통해 애니메이션을 주는 예제입니다.  HTML 구조                    Anomaly    Lecrae          CSS 소스@import 'https://fonts.googleapis.com/css?family=Reem+Kufi'; body {  background: #fff;}  @keyframes wave {  0%   { transform: rotate(0deg); }  100% { transform: rotate(360deg); }} .music-card {  margin: 100px auto;  background: #fff;  box-shadow: 0px 8px 28px..

HTML5 를 이용하여 음원을 재생하는 오디오 플러그인 입니다. 자체 기능을 사용하여 만들어진 것 같진 않습니다. 이유는 플레이어 코드를 봤을때 JPLAYER 를 사용한 흔적이 보입니다. js/zen.js 파일을 보니 확실하네요. jplayer 를 이용한 거군요. 하지만 디자인을 이쁘게 만들어놨네요.^^ 그래서 있는 기능 그대로 사용하실 경우 괜찮다 생각 합니다. 기능을 추가하여 사용하고자 하시는 경우 JPLAYER 를 참고하셔서 커스터마이징 하면 됩니다. Developer Guide 는 아래의 링크를 참고하세요. http://jplayer.org/latest/developer-guide/