React-native 使用 react-native-sound 从 s3 URL 播放音频答案

【问题标题】：React-native playing audio from s3 URL using react-native-soundReact-native 使用 react-native-sound 从 s3 URL 播放音频
【发布时间】：2017-10-15 02:36:21
【问题描述】：

我是 react-native 的新手，正在尝试创建一个音频播放应用程序。

我使用react-native-sound 来实现相同的效果。在文档中，它指定我可以从网络播放文件。但我找不到任何相同的文档。

现在我正在从我的 ROR 后端上传音频文件并将文件添加到 react 内的本地文件夹中。我将其更改为 aws s3。

音频文件的启动方式如下 -

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

其中this.state.soundFile 是指定文件夹内的本地文件名（字符串）。

这可能吗？

【问题讨论】：

你看过github.com/tlenclos/react-native-audio-streaming吗？我在一个项目中使用它，文档很清楚。
@shmuli 谢谢。我遇到过这个。只是想在更改整个内容之前确认react-native-sound 没有出路
@shmuli 另外这个问题是我找不到任何文档来查找音频的结尾。 RNS 中可用的东西
找到音频的结尾是什么意思？
@shmuli 音频结束时的回调？音频播放完毕后继续下一步

标签： javascript reactjs amazon-s3 react-native

【解决方案1】：

你可以使用 react-native-sound 播放远程声音，方法是指定一个 url 而不是设置 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.com/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

【讨论】：

当我尝试这个时得到一个错误Failed to load the sound。我错过了什么吗？
您是否尝试过使用我的 sn-p 中的示例文件？请注意，如果您尝试通过 http:// 获取资产，资产可能会被阻止
Failed to load sound, resource not found 这是我收到的确切错误消息
你能给我一些关于你的设置的更多信息吗？（物理设备或模拟器，android 或 ios）您何时创建 Sound 对象？如果它在构造函数中或在 componentDidMount 上，可能为时过早。在我的示例中的按钮上尝试它，或者在超时中包装结构。
它在android的物理设备中。声音正在加载到componentWillMount

【解决方案2】：

import Sound from 'react-native-sound';

const sound = new Sound('http://sounds.com/some-sound', null, (error) => {
  if (error) {
    // do something
  }
  // play when loaded
  sound.play();
});

【讨论】：