All Projects → miguelmota → audio-oscilloscope

miguelmota / audio-oscilloscope

Licence: MIT License
Audio oscilloscope in canvas.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to audio-oscilloscope

maze-generator
A real-time JavaScript maze generator using the depth-first search algorithm
Stars: ✭ 13 (-53.57%)
Mutual labels:  canvas
react-starfield-animation
✨ Canvas-based starfield animation for React.
Stars: ✭ 82 (+192.86%)
Mutual labels:  canvas
canvas-image-cover-position
Calculating image position for scaling it on the canvas.
Stars: ✭ 38 (+35.71%)
Mutual labels:  canvas
TakingImageOfAView
An example on how to take screenshot of a particular view
Stars: ✭ 15 (-46.43%)
Mutual labels:  canvas
canvas-td
A fully featured tower defense game built with <canvas>.
Stars: ✭ 31 (+10.71%)
Mutual labels:  canvas
pikaso
Seamless and headless HTML5 Canvas library
Stars: ✭ 23 (-17.86%)
Mutual labels:  canvas
vueShop
🙂collections
Stars: ✭ 72 (+157.14%)
Mutual labels:  canvas
repeat-editor
editor for live coding graphics
Stars: ✭ 17 (-39.29%)
Mutual labels:  canvas
city-tour
A procedurally generated city built with WebGL and three.js
Stars: ✭ 57 (+103.57%)
Mutual labels:  canvas
Ananas
An easy image editor integration for your Android apps.
Stars: ✭ 186 (+564.29%)
Mutual labels:  canvas
okeevis-render
a fast lightweight 2d graphic library
Stars: ✭ 22 (-21.43%)
Mutual labels:  canvas
awesome-canvas
Canvas资源库大全中文版。An awesome Canvas packages and resources.
Stars: ✭ 288 (+928.57%)
Mutual labels:  canvas
js-confetti
JS Confetti library that supports emojis 🦄 🎉 ⚡️
Stars: ✭ 343 (+1125%)
Mutual labels:  canvas
huozi.js
A simple typography engine for CJK languages, especially designed for game rich-text. 用于游戏富文本的中日韩文字排印引擎。
Stars: ✭ 135 (+382.14%)
Mutual labels:  canvas
Hantek6022API
Hantek 6022BE Python API for Windows and Linux.
Stars: ✭ 44 (+57.14%)
Mutual labels:  oscilloscope
jmonet
An easy-to-use toolkit for incorporating MacPaint / Microsoft Paint-like tools into a Java Swing or JavaFX application.
Stars: ✭ 27 (-3.57%)
Mutual labels:  canvas
d3-canvas-transition
transition on canvas with d3
Stars: ✭ 19 (-32.14%)
Mutual labels:  canvas
Spotify-Cards-API
🚀 Unofficial Spotify PromoCards API
Stars: ✭ 13 (-53.57%)
Mutual labels:  canvas
canvas-color-tracker
A utility to track objects on a canvas by unique px color
Stars: ✭ 29 (+3.57%)
Mutual labels:  canvas
ux-charts
Simple, responsive, modern Charts with zero dependencies
Stars: ✭ 22 (-21.43%)
Mutual labels:  canvas


logo


audio-oscilloscope

Audio oscilloscope in canvas.

License Build Status dependencies Status NPM version

NPM

Demo

https://lab.miguelmota.com/audio-oscilloscope

Install

npm install audio-oscilloscope

Usage

var oscilloscope = AudioOscilloscope(document.getElementById('canvas'), {
  canvas: {
    width: function() {
      return window.innerWidth;
    },
    height: 400
  },
  canvasContext: {
    lineWidth: 2,
    fillStyle: 'rgb(0,0,0)',
    strokeStyle: 'green'
  }
});

oscilloscope.draw();

navigator.mediaDevices.getUserMedia({
  audio: true
}).then(function(stream) {
  var audioContext = new AudioContext();
  var source = audioContext.createMediaStreamSource(stream);
  oscilloscope.addSource(source);
}).catch(function(error) {
  console.error(error);
});

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].