I also ran into this issue using Pizzicato. Here's the basic moving pieces I used to solve the issue:

const state = {  // transport state
  type: "stop",  // sound is stopped
  playhead: 0,   // current playhead position
  timeRef: null, // time reference when play was clicked
}

const sound = new Pizzicato.Sound(...)

Now implement your transport controls:

function play() {
  switch (state.type) {
    case "stop":
      state.type = "play"            // change play state
      transport.timeRef = Date.now() // record time reference
      sound.play(0, state.playhead)  // play sound from current playhead
      break
    case "play":
      break                          // sound is already playing
  }
}

function stop() {
  switch (state.type) {
    case "stop":
      break                                             // sound is already stopped
    case "play":
      const delta = (Date.now() - state.timeRef) / 1000 // compute time delta
      state.type = "stop"                               // change play state
      state.playhead = state.playhead + delta           // update playhead
      state.timeRef = null                              // unset time reference
      break
  }
}

Now you can get the playhead position at any time:

requestAnimationFrame(function onFrame() {
  switch (state.type) {
    case "stop":
      console.log("playhead", state.playhead)         // render
      break
    case "play":
      const delta = (Date.now() - state.timeRef) / 1000
      console.log("playhead", state.playhead + delta) // render
      break
  }
  requestAnimationFrame(onFrame)
})

sound.currentTime Needed #140

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions