waving

A simple audio player with wave

Usage no npm install needed!

<script type="module">
  import waving from 'https://cdn.skypack.dev/waving';
</script>

README

Waving

A simple audio player with wave effect

Quick start

To getting started with Waving, the only thing you need to do is to pass in a container div for Waving to put the player there.

<!-- Include Waving stylesheet -->
<link href="https://unpkg.com/waving@1.1.2/dist/waving.css" rel="stylesheet">

<!-- Create the player container -->
<div id="player"></div>

<!-- Include the Waving library -->
<script src="https://unpkg.com/waving@1.1.2/dist/waving.js"></script>

<!-- Initialize Waving and set audio -->
<script>
const container = document.getElementById('player');
const player = new Waving(container);
player.setAudio('audio.mp3');
</script>

Take a look at Waving website for a better documentation and live playground.

Download

With npm

npm install --save waving

With yarn

yarn add waving

CDN

<!-- Waving stylesheet -->
<link href="https://unpkg.com/waving@1.0.0/dist/waving.css" rel="stylesheet">

<!-- Waving library -->
<script src="https://unpkg.com/waving@1.0.0/dist/waving.js"></script>

License