UNPKG

flocking

Version:

Creative audio synthesis for the Web

58 lines (49 loc) 3.01 kB
<!DOCTYPE html> <html lang="en"> <head> <title>Audio Input Demo</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="../shared/css/demos.css" /> <link rel="stylesheet" type="text/css" href="../../src/ui/shared/css/flocking-icon-font.css" /> <link rel="stylesheet" type="text/css" href="../../src/ui/play-button/css/play-button.css" /> <script src="../../node_modules/jquery/dist/jquery.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/Fluid.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/FluidDebugging.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/FluidIoC.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/DataBinding.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/ModelTransformation.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/ModelTransformationTransforms.js"></script> <script src="../../node_modules/infusion/src/framework/enhancement/js/ContextAwareness.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/FluidDocument.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/FluidDOMUtilities.js"></script> <script src="../../node_modules/infusion/src/framework/core/js/FluidView.js"></script> <script src="../../src/core.js"></script> <script src="../../src/node-list.js"></script> <script src="../../src/evaluators.js"></script> <script src="../../src/synths/synth.js"></script> <script src="../../src/scheduler.js"></script> <script src="../../src/buffers.js"></script> <script src="../../src/audiofile.js"></script> <script src="../../src/web/webaudio-core.js"></script> <script src="../../src/web/audio-system.js"></script> <script src="../../src/web/buffer-writer.js"></script> <script src="../../src/web/input-device-manager.js"></script> <script src="../../src/web/native-node-manager.js"></script> <script src="../../src/web/output-manager.js"></script> <script src="../../src/parser.js"></script> <script src="../../src/ugens/core.js"></script> <script src="../../src/ugens/oscillators.js"></script> <script src="../../src/ugens/browser.js"></script> <script src="../../src/ui/play-button/js/play-button.js"></script> <script src="js/audio-input.js"></script> </head> <body> <h1>Audio Input Demo</h1> <p class="instructions">Drag the mouse around the page to change the parameters of a sine oscillator that is being modulated by your audio input. Wear headphones to avoid feedback.</p> <button id="play">Play</button> <script> flock.demo.audioIn(); </script> </body> </html>