holowave

Holowave api

a visual indicator which can be used to represent the processing of various actions! E.G's: loading, audio playback, video playback, calls, voice input.. check the demo out

API

holoWave.attach(domParent);
holoWave.play();
holoWave.pause();
holoWave.stop();
holoWave.detach();

Demo App

var holoWave = require("holowave");

holoWave.attach(document.body);

function buttonHelper(name, fn){
    var btn = document.createElement("button");
    btn.innerHTML = name;
    btn.addEventListener("click", fn);
    document.body.appendChild(btn);
}

buttonHelper("play", holoWave.play);
buttonHelper("pause", holoWave.pause);
buttonHelper("stop", holoWave.stop);

Note: this is a client-side package so make sure you have browserify installed. sudo npm install -g browserify and include <script src="bundle.js> </script> in your index.html. then run browserify yourApp.js > bundle.js from the cmd line to require holowave.