Minimal HTML5 Audio Player With JavaScript – Essential Audio

Category: Javascript | February 20, 2021
Author: Freeedle
Views Total: 37 views
Official Page: Go to website
Last Update: February 20, 2021
License: MIT

Preview:

Minimal HTML5 Audio Player With JavaScript – Essential Audio

Description:

Essential Audio is a super tiny JavaScript library to create responsive, slim, and mobile-friendly HTML5 audio players for songs, episodes, etc.

How to use it:

1. Add the Essential Audio’s JavaScript and Stylesheet to the webpage.

<link rel="stylesheet" href="essential_audio.css" />
<script src="essential_audio.js"></script>

2. Embedding an audio player into the document is as easy as creating a DIV element on the page.

  • .ssential_audio – Required CSS selector.
  • data-url – Path to audio file
<div class=&quot;essential_audio" 
     data-url="1.mp3">
     <span class="no_js">Please activate JavaScript for the audio player.</span>
</div>

3. Feel free to change the default styles to create your own player theme.

Changelog:

02/20/2021

  • CSS updated

12/04/2020

  • Updated

You Might Be Interested In:


Leave a Reply