javascript - React-native playing audio from s3 URL using react-native-sound - Stack Overflow

admin管理员组

文章数量:1339463

I'm new to react-native and trying to create an audio playing app.

I used react-native-sound to achieve the same. In the documentation, it specifies that I can play the file from a network. But I could not find any docs for the same.

Right now I'm uploading audio files from my ROR backend and adding the file to a local folder inside react. I'm changing that to aws s3.

And the audio file is started like -

var whoosh = new Sound(this.state.soundFile, Sound.MAIN_BUNDLE, (error) => {

where this.state.soundFile is a local file name (string) inside the specified folder.

Is this possible?

I'm new to react-native and trying to create an audio playing app.

I used react-native-sound to achieve the same. In the documentation, it specifies that I can play the file from a network. But I could not find any docs for the same.

Right now I'm uploading audio files from my ROR backend and adding the file to a local folder inside react. I'm changing that to aws s3.

And the audio file is started like -

var whoosh = new Sound(this.state.soundFile, Sound.MAIN_BUNDLE, (error) => {

where this.state.soundFile is a local file name (string) inside the specified folder.

Is this possible?

• javascript
• reactjs
• amazon-s3
• react-native

Share Improve this question Follow asked May 16, 2017 at 6:45 SoorajSooraj 10.6k1212 gold badges6767 silver badges103103 bronze badges 5

• 1 Have you looked at github./tlenclos/react-native-audio-streaming? I'm using it in a project, the documentation is very clear. – shmuli Commented May 16, 2017 at 7:14
• @shmuli Thanks. I had e across this. Just wanted to confirm there is no way out with react-native-sound before changing the entire stuff – Sooraj Commented May 16, 2017 at 7:23
• @shmuli Also the issue with this is I cannot find any docs for finding the end of the audio. Something that is available in RNS – Sooraj Commented May 16, 2017 at 17:59
• What do you mean by finding the end of the audio? – shmuli Commented May 16, 2017 at 19:08
• @shmuli A callback at the end of the audio? To continue the next steps once the audio finishes playing – Sooraj Commented May 17, 2017 at 6:17

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 13

You can play remote sounds with react-native-sound by specifying a url and not setting the bundle:

import React, { Component } from 'react'
import { Button } from 'react-native'
import Sound from 'react-native-sound'

class RemoteSound extends Component {
  playTrack = () => {
    const track = new Sound('https://www.soundjay./button/button-1.mp3', null, (e) => {
      if (e) {
        console.log('error loading track:', e)
      } else {
        track.play()
      }
    })
  }

  render() {
    return <Button title="play me" onPress={this.playTrack} />
  }
}

export default RemoteSound

To play the sound from remote URL

import Sound from 'react-native-sound';

var sound1 = new Sound('https://raw.githubusercontent./zmxv/react-native-sound-demo/master/pew2.aac', '',
  (error, sound) => {
    if (error) {
      alert('error' + error.message);
      return;
    }
    sound1.play(() => {
      sound1.release();
    });
  });

本文标签： javascriptReactnative playing audio from s3 URL using reactnativesoundStack Overflow