flocking
Version:
Creative audio synthesis for the Web
76 lines (68 loc) • 3.63 kB
HTML
<html>
<head>
<title>Media Element 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" />
<style>
#play {
float: none;
margin-left: 0;
margin-bottom: 1em;
}
</style>
<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/synths/band.js"></script>
<script src="../../src/scheduler.js"></script>
<script src="../../src/buffers.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/random.js"></script>
<script src="../../src/ugens/granular.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/media-element-input.js"></script>
</head>
<body>
<h1>Processing Audio from an HTML5 Media Element</h1>
<div id="demo-controls">
<div>
<button id="play">Play</button>
</div>
<div id="sounds">
<div>
<audio id="regular" src="../shared/audio/hillier-first-chord.wav" loop="true" controls></audio>
</div>
<div>
<audio id="slow" src="../shared/audio/hillier-first-chord.wav" loop="true" controls></audio>
</div>
</div>
</div>
<script>
window.demo = flock.demo.mediaElementInput("#demo-controls");
</script>
</body>
</html>