DSM Player – HTML5 Audio Player

Overview

Digital Shock Melody (DSM) player is responsive animated html5 audio player with playlist. It has svg elements 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)

Related