Restart oscillator in javascript
<p>I'm trying to make oscillator play when mouse is on canvas and stop when it's not. However, with current code, it works just once after loading page, when mouse is on canvas second time error occurs:</p>

<blockquote>
  <p>"Uncaught InvalidStateError: Failed to execute 'start' on 'OscillatorNode': cannot call start more than once.</p>
</blockquote>

<pre><code>var ac = new window.AudioContext() || new window.webkitAudioContext();
var osc = ac.createOscillator();
var canvas1 = document.getElementById("canvas1");
canvas1.addEventListener("mouseover", playosc); 
canvas1.addEventListener("mouseout", stoposc); 

function playosc() {
    osc.frequency.value = 440;
    osc.connect(ac.destination);
    osc.start();
}

function stoposc() {
    osc.stop();
}
</code></pre>

<p>How to restart oscillator? Thanks.</p>