SHARE
TWEET

Untitled

a guest Aug 6th, 2014 301 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <script src="soundmanager/script/soundmanager2.js"></script>
  5.                 <script>
  6.                         function play(file)
  7.                         {                      
  8.                                 test = document.getElementById("test");
  9.                                 canvas = document.getElementById("canvas");
  10.                                 context = canvas.getContext("2d");
  11.  
  12.                                 soundManager.setup(
  13.                                 {
  14.                                         url: "soundmanager/swf",
  15.                                         onready: function()
  16.                                         {
  17.                                                 song = soundManager.createSound(
  18.                                                 {
  19.                                                         id: "sound",
  20.                                                         url: file,
  21.                                                        
  22.                                                         autoLoad: true,
  23.                                                         autoPlay: true,
  24.                                                        
  25.                                                         useEQData: true,
  26.                                                         useWaveformData: false,
  27.                                                         usePeakData: false,
  28.                                                 });
  29.                                                 interval = setInterval(draw, 10);
  30.                                         }
  31.                                 });
  32.                         }
  33.                         function draw()
  34.                         {      
  35.                                 context.clearRect(0, 0, 1025, 256);
  36.                                 for (var i=0; i<256; i++)
  37.                                 {
  38.                                         value = +song.eqData.left[i];
  39.                                        
  40.                                         context.fillRect(4*i+1, 256, 3, -256*value - 1);
  41.                                 }
  42.                         }
  43.                 </script>
  44.         </head>
  45.         <body onLoad="play('Flight.mp3');">
  46.                 <canvas id="canvas" width=1025 height=256 style="margin: 64px auto; display: block; background-color: #DDD; border-radius: 4px;"></canvas>
  47.                 <p id="test"></p>
  48.         </body>
  49. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top