본문 바로가기

Media/Audio

귀여운 오디오 플레이어 애니메이션 See the Pen Better Audio Player by Bradley Treweek (@cmd430) on CodePen. 귀여운 오디오 플레이어 애니메이션
반응형이 지원되는 음악 미디어 플레이어 See the Pen Responsive Audio Player by Mark Hillard (@markhillard) on CodePen. 반응형이 지원되는 음악 미디어 플레이어
음악에 따라 움직이는 오디오 플레이어 See the Pen Audio Player by Alex Permyakov (@alexdevp) on CodePen. 음악에 따라 움직이는 오디오 플레이어
Vue.js를 이용한 미니 뮤직 플레이어 See the Pen Mini Music Player - VueJS by Muhammed Erdem (@JavaScriptJunkie) on CodePen. Vue.js를 이용한 미니 뮤직 플레이어
바를 올려 놓으면 음악이 재생되는 플레이어 See the Pen SVG SoundCloud Vinyl Player by Chris Gannon (@chrisgannon) on CodePen. 바를 올려 놓으면 음악이 재생되는 플레이어
Card 스타일의 뮤직 플레이어 See the Pen Card Music Player by Mike Quinn (@mprquinn) on CodePen. Card 스타일의 뮤직 플레이어
노래 가사랑 싱크를 맞추어 주는 스크립트 See the Pen Lyrics Player by Zed Dash (@z-) on CodePen. 노래 가사랑 싱크를 맞추어 주는 스크립트
soundCloud를 이용한 뮤직 플레이어 See the Pen CSS 3D 트랜스폼 (실습 시작) by 야무 (@yamoo9) on CodePen. soundCloud를 이용한 뮤직 플레이어
클릭하면 플레이어가 나오는 뮤직 오디오 See the Pen Minimal Audio Player by Valery Alikin (@AlikinVV) on CodePen. 클릭하면 플레이어가 나오는 뮤직 오디오
뮤직과 파티클이 합쳐진 애니메이션 See the Pen #Codevember 10 - Musical Particles by Sean Free (@seanfree) on CodePen. 뮤직과 파티클이 합쳐진 애니메이션
뮤직 파티클 애니메이션 효과 See the Pen Musical Particles II by Sean Free (@seanfree) on CodePen. 뮤직 파티클 애니메이션 효과
여러 곡을 골라가면서 들을 수 있는 MP3 See the Pen Music Player 2.0 by Emil (@emilcarlsson) on CodePen. 여러 곡을 골라가면서 들을 수 있는 MP3
웨이브치는 뮤직 플레이어 See the Pen Anomaly by Dronca Raul (@rauldronca) on CodePen. 웨이브치는 뮤직 플레이어입니다. 제이쿼리를 통해 플레이와 정지를 컨트롤 하고 웨이브는 transform을 통해 애니메이션을 주는 예제입니다. CODE