Переключить плеер Tone.js с реагированием useState - PullRequest
Новая
       93

Переключить плеер Tone.js с реагированием useState

0 голосов
/ 02 октября 2019

Привет всем. Я пытаюсь переключить проигрыватель Tone.js с помощью методов start () и stop () внутри оператора if с использованием метода activstate реагирует на ловушку. Плеер просто перезагружается вместо остановки. Есть мысли? 

import React, {useState} from "react"
import Tone from "tone"



function App() {
const [playing, setPlaying] = useState(false)

  const track = "https://res.cloudinary.com/makingthings/video/upload/v1568881368/mp3/go_for_landing.mp3"
  const player = new Tone.Player(track).toMaster()
  Tone.Buffer.on('load', ()=>{
    if(playing){
      player.start()
    }else if(!playing){
      player.stop()
    }
  })
console.log(playing)
  return (
    <div className="App">
  <h1>Hello World</h1>
  <button onClick={()=> setPlaying(!playing)}>Toggle</button>
    </div>
  );
}

export default App;
...