Overview
Digital Shock Melody (DSM) player is responsive animated html5 audio player with playlist. It has svg elements ( control playback buttons ) with nice gradient color and it’s totally resolution independent.
Features
- full control button set
- customized timeline slider
- animated text flow content
- output display section with: volume bars, track duration, current track time, track number, indicators for repeat, cover and playlist status
- auto scroll playlist with options for disabling tracks
- animated show, hide playlist and cover art section
- easy grid configuration
Requirements
- HTML5
- jquery
Instructions
- copy-paste everything from “body.html” into your HTML body tag or any div
- copy-paste everything from “head.html” into your HTML head tag
- add folders: dsm_css, dsm_img, dsm_js into same folder where is your HTML document
- go to “dsm_js/dsm-playlist.js” and add some songs
- go to “dsm_js/config.js” if you need to configure player
Updates:
– 10.09.2017 – add support for bootstrap (define some style properties)
