title: What is the difference between Open in Live Server and Open in Default browser
body: <p>I am trying to make a music player with a song visualizer. All my songs are on my PC.</p>
  <p>For making the visualizer, I am using this code.</p>
  <pre><code>window.addEventListener('load', () =&gt; {
      canvas = document.getElementById(&quot;cnv1&quot;);
      context = canvas.getContext(&quot;2d&quot;);
      audioctx = new AudioContext();
      WIDTH = window.innerWidth - 50;
      canvas.width = WIDTH - 50;
      HEIGHT = 500;
      canvas.height = 500;
      analyser = audioctx.createAnalyser();
      analyser.fftSize = SAMPLES;
      oscillator = audioctx.createOscillator();
      oscillator.connect(audioctx.destination);
      source = audioctx.createMediaElementSource(music);
      source.connect(analyser);
      source.connect(audioctx.destination);
      freqArr = new Uint8Array(analyser.frequencyBinCount);
      barHeight = HEIGHT;
      window.requestAnimationFrame(draw);
  });
  
  function draw() {
      if (!music.paused) {
          bigBars = 0;
          r = 0;
          g = 0;
          b = 255;
          x = 0;
          context.clearRect(0, 0, WIDTH, HEIGHT);
          analyser.getByteFrequencyData(freqArr);
          for (var i = 0; i &lt; INTERVAL; i++) {
              if (barHeight &gt;= (240)) {
                  bigBars++;
              }
              let num = i;
              barHeight = ((freqArr[num] - 128) * 3) + 2;
              if (barHeight &lt;= 1) {
                  barHeight = 2;
              }
              r = r + 10;
              if (r &gt; 255) {
                  r = 255;
              }
              g = g + 1;
              if (g &gt; 255) {
                  g = 255;
              }
              b = b - 2;
              if (b &lt; 0) {
                  b = 0;
              }
              context.fillStyle = &quot;rgb(&quot; + r + &quot;,&quot; + g + &quot;,&quot; + b + &quot;)&quot;;
              context.fillRect(x, HEIGHT - barHeight, (WIDTH / INTERVAL) - 1, barHeight);
              x = x + (WIDTH / INTERVAL);
          }
      }
      window.requestAnimationFrame(draw);
  }
  </code></pre>
  <p>When I am running my code by clicking on <strong>Open in Live Server</strong>, it is working fine, but when I am running the same code by clicking on <strong>Open in Default browser</strong>, it is not working</p>
  <p>I am using VS Code as a Code Editor.</p>