| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!DOCTYPE html>
- <html>
- <head>
- <script src="bower_components/platform/platform.js"></script>
- <link rel="stylesheet" href="style.css">
- <link rel="import" href="g-spectrogram.html">
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- </head>
- <body>
- <g-spectrogram controls labels log oscillator></g-spectrogram>
- <div id="instructions">
- <h2>Spectrogram & Oscillator</h2>
- <ol>
- <li>^ Allow use of your microphone ^</li>
- <li>Click or tap anywhere canvas to generate a tone</li>
- </ol>
- </div>
- <div id="about">
- <a href="http://smus.com/spectrogram-and-oscillator/" target="_blank">about</a>
- </div>
- <script>
- var AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext;
- context = new AudioContext();
- </script>
- <!-- <script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
- ga('create', 'UA-17930798-31', 'borismus.github.io');
- ga('send', 'pageview');
- </script> -->
- </body>
- </html>
|
