Sound found but play() doesn't fire about react-native-sound HOT 9 CLOSED

I found the same thing after a recent upgrade to the module. It appears you have to call .play() now inside the callback function passed to the Sound constructor. e.g.

old code (no longer works... if you console.log(sound) you will see that sound._loaded == false)

let sound = new Sound('path/to/file.wav', Sound.MAIN_BUNDLE, (error) => {
            if (error) {
                console.log('failed to load the sound', error);
            }
        });
        sound.play(); // no longer works... sound is not loaded yet

New code (works):

let sound = new Sound('path/to/file.wav', Sound.MAIN_BUNDLE, (error) => {
            if (error) {
                console.log('failed to load the sound', error);
            } else {
                sound.play(); // have to put the call to play() in the onload callback
            }
        });

from react-native-sound.

This should be made more clear in documentation

from react-native-sound.

Im running into the same exact issue

from react-native-sound.

Same here, only works with @dmwallace solution.

from react-native-sound.

@zmxv Is this an intended change in the design or a legit bug?

from react-native-sound.

Please upgrade to the latest version and check again. I've also published a demo project at https://github.com/zmxv/react-native-sound-demo, which has been tested with the latest version of RN on both iOS and Android.

from react-native-sound.

I got this too on the new codebase, using the demo code in the notes.

From what I can see, it's most likely because calling the initialisation code right before play() means the loading of the sound hasn't completed before play is called for the first time. This results in no sound, but also no error. You will likely get this if, for example, the whole basic usage code is placed within a single touch handler.

Placing all initialization code inside componentWillMount() seems to work well, but in practice there's no guarantee. The only way to be certain of handling the error is to test isLoaded() before calling play().

I have submitted a pull request to update the notes briefly to this effect.

from react-native-sound.

@dmwallace how do you pause the audio calling the play inside the callback? I'm struggling with it since I get that the sound variable is undefined

from react-native-sound.

I found the same thing after a recent upgrade to the module. It appears you have to call .play() now inside the callback function passed to the Sound constructor. e.g.

old code (no longer works... if you console.log(sound) you will see that sound._loaded == false)

let sound = new Sound('path/to/file.wav', Sound.MAIN_BUNDLE, (error) => {
            if (error) {
                console.log('failed to load the sound', error);
            }
        });
        sound.play(); // no longer works... sound is not loaded yet

New code (works):

let sound = new Sound('path/to/file.wav', Sound.MAIN_BUNDLE, (error) => {
            if (error) {
                console.log('failed to load the sound', error);
            } else {
                sound.play(); // have to put the call to play() in the onload callback
            }
        });

This is no solution. It is a bug.
This way the moment the Sound instance is created, the audio plays!

from react-native-sound.