Breaking News: Grepper is joining You.com. Read the official announcement!

reac native play sound

Add Answer

Selfish Skylark answered on August 31, 2021 Popularity 10/10 Helpfulness 2/10

answer reac native play sound

related audio play react native

related play sound background react native

reac native play sound

Comment

// Import the react-native-sound module
var Sound = require('react-native-sound');

// Enable playback in silence mode
Sound.setCategory('Playback');

// Load the sound file 'whoosh.mp3' from the app bundle
// See notes below about preloading sounds within initialization code below.
var whoosh = new Sound('whoosh.mp3', Sound.MAIN_BUNDLE, (error) => {
  if (error) {
    console.log('failed to load the sound', error);
    return;
  }
  // loaded successfully
  console.log('duration in seconds: ' + whoosh.getDuration() + 'number of channels: ' + whoosh.getNumberOfChannels());

  // Play the sound with an onEnd callback
  whoosh.play((success) => {
    if (success) {
      console.log('successfully finished playing');
    } else {
      console.log('playback failed due to audio decoding errors');
    }
  });
});

// Reduce the volume by half
whoosh.setVolume(0.5);

// Position the sound to the full right in a stereo field
whoosh.setPan(1);

// Loop indefinitely until stop() is called
whoosh.setNumberOfLoops(-1);

// Get properties of the player instance
console.log('volume: ' + whoosh.getVolume());
console.log('pan: ' + whoosh.getPan());
console.log('loops: ' + whoosh.getNumberOfLoops());

// Seek to a specific point in seconds
whoosh.setCurrentTime(2.5);

// Get the current playback point in seconds
whoosh.getCurrentTime((seconds) => console.log('at ' + seconds));

// Pause the sound
whoosh.pause();

// Stop the sound and rewind to the beginning
whoosh.stop(() => {
  // Note: If you want to play a sound after stopping and rewinding it,
  // it is important to call play() in a callback.
  whoosh.play();
});

// Release the audio player resource
whoosh.release();

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.npmjs.com

Tags: javascript native

Link to this answer
Share Copy Link

Contributed on Aug 31 2021

Selfish Skylark

0 Answers Avg Quality 2/10

Closely Related Answers

audio play react native

Comment

npm install expo-av --legacy-peer-deps
//OR
npm install expo-av --save

//Example
async function playSound() {
    console.log('Loading Sound');
    const { sound } = await Audio.Sound.createAsync( require('./assets/Hello.mp3')
    );
    setSound(sound);

    console.log('Playing Sound');
    await sound.playAsync();
  }
 React.useEffect(() => {
    return sound
      ? () => {
          console.log('Unloading Sound');
          sound.unloadAsync();
        }
      : undefined;
  }, [sound]);

  return (
    <View style={styles.container}>
      <Button title="Play Sound" onPress={playSound} />
    </View>
  );

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: audio audi

Link to this answer
Share Copy Link

Contributed on Feb 13 2023

Last _Lactuca

0 Answers Avg Quality 2/10

play sound background react native

Comment

npm install react-native-sound --legacy-peer-deps
//OR
npm install react-native-sound --save

//Example
https://www.npmjs.com/package/react-native-sound

Popularity 7/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: background javascript j

Link to this answer
Share Copy Link

Contributed on Feb 13 2023

Last _Lactuca

0 Answers Avg Quality 2/10

reac native play sound

Contents

More Related Answers

reac native play sound

Closely Related Answers

audio play react native

play sound background react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.