GithubHelp home page GithubHelp logo

cwilso / audio-input-effects Goto Github PK

View Code? Open in Web Editor NEW
534.0 534.0 187.0 2.22 MB

Live input Web Audio effects

Home Page: https://cwilso.github.io/Audio-Input-Effects/

License: MIT License

HTML 13.68% JavaScript 80.64% GLSL 3.21% ShaderLab 2.47%

audio-input-effects's People

Contributors

alemangui avatar cwilso avatar kaptenjansson avatar kverrier avatar

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  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  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

audio-input-effects's Issues

No reverb FX

In downloaded version reverb not working on chrome ?

No sound.

I was just trying to experiment with getUserMedia to record audio. It seems so painful to find anything out about how to do this on the web... Anyhow, I tried out your widgets but get a flatline in the visualizer even though it appears (if I look at the microphone input levels going up and down) that the mic is actually picking up audio. I'm using Chrome Version 24.0.1312.52, definitely have audio input enabled, on Windows 7.

pitch problem

i see you the step on the slider by 0.05. that means you are change the pitch by 1.025 each! 0.05 /2 is 0.025 + 1 = 1.025. if you want to change the pitch 5% then the step should be change by 0.1 each. 1.05 -1 is 0.05 x2 = step = "0.1"
Screenshot 2021-09-06 6 49 47 PM

Testing locally

What am I missing? This file is under the said directory but I'm not sure what the console errors are saying:

XMLHttpRequest cannot load file:/Audio-Input-Effects-master/sounds/cardiod-rear-levelled.wav. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

effects.js:191 Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load '/Audio-Input-Effects-master/sounds/cardiod-rear-levelled.wav'.

Thanks (for sharing!)

Distortion automation

Thank you Chris for this wonderful library of effects. I am working on a project which kind of simulates an online DAW. I was wondering how I would be able to automate effects which cannot be built using nodes which are "AudioParam" (Since only audio params possess the ability to schedule values on a timeline). For example - distortion or pitch shifting.

Thanks,
Anand

Firefox compatibility

I managed to make the script Firefox compatible, by replacing those lines by:

  navigator.mediaDevices.getUserMedia(constraints)
  .then((stream) => {
      gotStream(stream)
  })
  .catch((err) => {
      alert('Error getting audio');
      console.log(err);
  });

I can’t really PR because I can’t get adapt gotSources() properly with MediaDevices.enumerateDevices()

CORS error due to shaders request (http vs https)

Hello,

I noticed that the shaders are not loading because of a CORS error when accessing the app via http. The requests for the shaders are done with https. It is easily circumvented by just accessing the demo site with https, but since Google links to the http site, it may be desirable to support it as well.

XMLHttpRequest cannot load https://webaudiodemos.appspot.com/input/shaders/sonogram-fragment.shader. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://webaudiodemos.appspot.com' is therefore not allowed access.

Cheers!

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.