実行時の値を変更する

Question

実行時に値を入力して値を変更しようとしていますが、動作させることができません。私は間違いがない。 onSlideで周波数を変更すると、サウンドはまだ800で再生されます。変更する必要があります。

import $ from 'jquery'; 
import rangeslider from 'rangeslider.js'; 
import T from 'timbre'; 

window.$ = $; 

    $(document).ready(() => { 

     var f = 800; 

     T("sin", {freq:f, mul:0.5}).play(); /*plays a continous sound*/ 

     $('input[type="range"]').rangeslider({ 
      polyfill : false, 
      onSlide: function() { 
       var ff = 440; /*changing frequancy, but the tone is still the same.*/ 
       f = ff; 
      } 
     }); 

    }); 

Answer 1

Getting Startedに示すように、あなたがsetmethod後で呼び出すことができるように変数にインスタンスを格納する必要があります。

$(document).ready(() => { 
    const tone = T("sin", {freq:f, mul:0.5}).play(); /*plays a continous sound*/ 
    $('input[type="range"]').rangeslider({ 
     polyfill : false, 
     onSlide: function() { 
      tone.set({freq: 440 }); /* changing frequency of the tone */ 
     } 
    }); 
});