lightaudio v1.1.3

⚡ Light audio

This is a lightweight web audio player with zero dependencies 😎

📎 Installation

install this package using NPM

npm i lightaudio --save

👌🏼 Usage

Wrap your audio element with an element and it is necessary to set width and height of parent element! you can do it with CSS 😁 Inside your parent element and beside the audio tag, place an img tag. It is your audio thumbnail. AND FINISHED 😉

✍🏼 Example

Here is an example of using lightaudio library: your html file:

<div id="audio-parent" style="width: 200px; height: 200px;">
    <img src="path/to/thumbnail">
    <audio controls>
        <source src="path/to/audio" type="audio/mpeg">
        <span>Your browser does not support the audio element.</span>
    </audio>
</div>

your javascript file:

import LightAudio from "lightaudio";
const audioParent = document.getElementById("audio-parent");
const la = new LightAudio({ parent: audioParent });

😇 Options

Those tagged with are necessary*