howler.js VS use-sound

I don’t have any references on hand but I know what you’re talking about and have created similar stuff using https://howlerjs.com

Hi /r/react. I'm fairly new to react and I can't quite figure out what I'm doing wrong here. Hoping someone can help point me in the right direction. I've built a web-based audio player that pulls tracks from a secure backend, and uses howler.js to play the audio.

Take a look at the howler library.

Lightweight and performant: It uses only the core of howler.js, a popular JavaScript audio library for the modern web. Howler.js handles all the edge cases and bugs across browsers and platforms, supports all codecs for full cross-browser compatibility, and caches sounds for better performance.

https://github.com/goldfire/howler.js Howler is a nice high level wrapper for the web audio api. I’ve found it to work well for similar cases

Open Prompt from js import alert, prompt, localStorage, window, confirm, Audio import time import random import re horn = Audio.new("https://github.com/goldfire/howler.js/blob/master/examples/3d/assets/sprite.mp3?raw=true") def promptMe(): user_answer = str(prompt("play? (yes) or (no)")) if user_answer.lower() == 'yes': horn.play() print('yes') print('end')

horn = Audio.new("https://github.com/goldfire/howler.js/blob/master/examples/3d/assets/sprite.mp3?raw=true")

Thanks. The spatial audio is just a feature of the excellent https://howlerjs.com/.

But I added MIDI keyboard support to the secret fart piano recently and thus Firefox throws up a scary warning. It's now disabled unless you access https://frt.rip#midi. But you can also use your computer keyboard to play/fart a little tune, see Web Inspector for instructions :)

When it comes to playing music in the Browser my go to library is https://howlerjs.com/. It uses Web Audio API and falls back to HTML5 Audio in older browsers.

As some of you may know, sounds can only be played back after the user has interacted with the document. And this seems to be exactly where it is becoming tricky. I tried a very promising library called use-sound. However as it turns out it is currently impossible to trigger a sound effect on useEffect with this, as tracked in this issue: https://github.com/joshwcomeau/use-sound/issues/100. Somehow it works whenever the dev server hot reloads - and then it is really snappy, but I can't make it work on initial page load.

use-sound: This will handle the audio file. It will load, play, and pause the audio along with other features.

However, after a lot of experimenting, I was able to play a sound in chrome when I explicitly enabled sound for our url in the chrome site settings, but only as long as the tab was in focus it would play. I was using this react library to do so: https://www.npmjs.com/package/use-sound you can find a proof of concept on the developers website: https://www.joshwcomeau.com/react/announcing-use-sound-react-hook/ if you scroll a bit down there will be a few things you can click that will trigger a sound - but all of them requires a browser event!

use-sound

I found this use-sound package for react when I'm trying to import audio file I'm getting this error. Cannot find the .mp3 file.

For the sounds part we’re going to create a sound manager component using useSound hook from Joshua Comeau. After that, we’re going to put our sound functions newly-created into our state so that we can everywhere in the app.

sprite allows you to use a single useSound hook for multiple sound effects. See “Sprites” below.