About event handler

[blueromans]

I want to handle event when playback completed. But I don't understand how onended props running

[maciejmakowski2003]

Currently you have to assign callback to .onended property/event. This callback will be called in c++ when playback stops with one argument - stopTime. This approach allows us to achieve frame accurate play/pause.

bufferSourceRef.current.onended = (stopTime?: number) => {
        setOffset((_prev) => stopTime || 0);
      };

Here you have full example https://github.com/software-mansion-labs/react-native-audio-api/blob/main/apps/common-app/src/examples/AudioFile/AudioFile.tsx

[blueromans]

Currently you have to assign callback to .onended property/event. This callback will be called in c++ when playback stops with one argument - stopTime. This approach allows us to achieve frame accurate play/pause.

bufferSourceRef.current.onended = (stopTime?: number) => {
        setOffset((_prev) => stopTime || 0);
      };

Here you have full example https://github.com/software-mansion-labs/react-native-audio-api/blob/main/apps/common-app/src/examples/AudioFile/AudioFile.tsx

Yes i followed this example. Copied as well. But itsnt fire trigger playback completed. Just i have seen console messages onended, when click to stop button, after play started.

[maciejmakowski2003]

which version are you using?

[blueromans]

which version are you using?
0.5.0

[maciejmakowski2003]

Could you prepare some repro? In my build this example works just how it has to.

[dlebrun]

Same problem here (using 0.5.2). Here is the relevant part of my code:

      const sourceNode = audioContext.createBufferSource();
      sourceNode.buffer = audioBuffersMap.get(index)!;

      const callback = (stopTime?: number) => {
        setOffset((_prev) => stopTime || 0);
      };
      console.log(callback);
      sourceNode.onended = callback;

      if (sourceNode.onended === undefined) {
        console.log("Callback not set");
      } else {
        console.log(sourceNode.onended);
      }

When I run this with npx expo run:android, I get this in the console:

 (NOBRIDGE) LOG  [Function callback]
 (NOBRIDGE) LOG  Callback not set

[maciejmakowski2003]

Getter for onended callback is not implemented, but setter works fine. I have added some improvements to processing process including stop/playback completed. I will added it in the newest version(0.5.4) with getter for onended callback.

[dlebrun]

Thanks for the feedback.
In the meantime, I have experimented a bit more: the callback seems to be correctly called when the track reaches its end, but not when stop is called on the source node.

[blueromans]

Is there a method or an event to calculate how many times the audio played?

[maciejmakowski2003]

Unfortunately not, so you have to calculate it by yourself. If you send me same snippet of code I will help