javascript - Single instance of howler player in React/NextJS

Question

I have many audios on every page my app render (in NextJS). I'd like that when an user clicks on an audio button any other audio playing stops (I want to have just one audio playing at the time). How can I achieve this? (I'm using Howler)

My idea was to have a single instance of Howler as singleton it? is it possible to have a single instance of a function and share it across the app? with React Context? (but they're not unique, right?)

question from:https://stackoverflow.com/questions/65910237/single-instance-of-howler-player-in-react-nextjs

Answer 1

Waitting for answers