DSM Player - HTML5 Audio Player DSM Player - HTML5 Audio Player
Digital Shock Melody (DSM) player is responsive animated html5 audio player with playlist.DSM Player - HTML5 Audio Player
Digital Shock Melody (DSM) player is responsive animated html5 audio player with playlist.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)
Other items by this author
Information
Category | Scripts & Code / JavaScript / Miscellaneous |
First release | 27 August 2017 |
Last update | 11 September 2017 |
Files included | .css, .html, Javascript .js |
Tags | css3, html5, jquery, animated, Javascript, player, playlist, svg |