Git Product home page Git Product logo

decibelmeter's Introduction

DecibelMeter

Monitor dB Levels Using HTML5 Audio API

DecibelMeter allows you to monitor the noise level using your device's microphone(s) from within a web page or node-webkit application.

Browser Support

I have only tested this in Chrome for Windows and Chrome for Mac.

Live Example

You can try the DecibelMeter now: DecibelMeter example

Usage Examples

Create a decibel meter

var meter = DecibelMeter.create('unique-id');

Get a list of audio sources on the device

var audioSources;

meter.on('ready', function (meter, sources) {
  audioSources = sources;
});

Connect to an audio source

meter.connect(audioSources[0]); // connect to first source, assumes meter is ready

Do something with the decibel data

var level = document.getElementById('db-level');

meter.on('sample', function (dB, percent, value) {
  level.innerHTML = dB + ' dB'; // display current dB level
});

Start listening to audio source

meter.listen(); // "sample" callback set above will now receive data

Stop listening to audio source

meter.stopListening();

Disconnect from the audio source entirely

meter.disconnect();

Multiple meters on one page

var meter1 = DecimelMeter.create('meter-1');
var meter2 = DecimelMeter.create('meter-2');

var meters = DecimelMeter.getMeters(); // all meters created on this page

meter1 === DecimelMeter.getMeterById('meter-1'); // true

decibelmeter's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

decibelmeter's Issues

Example does not work without https

Example should use HTTPS for this to work in newer chrome versions.

getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.

License

What is the license of this project? I'd like to use it in one of my projects.

HTML5 Audio Object

Is it possible to pass an audio object instead of a microphone source?

audiooutput or audioinput

You're adding audiooutput in to sources in line 45 if (source.kind === 'audiooutput') .
But isn't it should be audioinput?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.