Guest User

Untitled

a guest
Aug 6th, 2014
359
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