2017-05-16 16 views
0

私はネイティブに反応して、オーディオ再生アプリケーションを作成しようとしています。リアクションネイティブサウンドを使用したs3 URLからのネイティブ再生オーディオ

私はこれを達成するためにreact-native-soundを使用しました。ドキュメントでは、ネットワークからファイルを再生できるように指定しています。しかし、私は同じ文書を見つけることができませんでした。

今、私は自分のRORバックエンドからオーディオファイルをアップロードしていて、そのファイルを反応内のローカルフォルダに追加しています。 私はそれをaws s3に変更しています。

とオーディオファイルは次のように開始された - this.state.soundFileが指定したフォルダ内のローカルファイル名(文字列)である

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

これは可能ですか?あなたがプレイすることができます

+1

あなたはhttps://github.com/tlenclos/react-native-audio見てきましたストリーミング?私はプロジェクトでそれを使用していますが、ドキュメントは非常に明確です。 – shmuli

+0

@shmuliありがとうございます。私はこれを見つけました。ちょうど、すべてのものを変更する前に 'react-native-sound'を出る方法がないことを確認したかった –

+0

@shmuliまた、この問題は、オーディオの最後を見つけるためのドキュメントが見つかりませんでした。 RNSで利用可能なもの –

答えて

1

は、リモートのURLを指定すると、バンドルを設定しないことにより、反応するネイティブ・サウンドで聞こえる:

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 
+0

私が試したところ、「サウンドをロードできませんでした」というエラーが表示されました。何か不足していますか? –

+0

スニペットからサンプルファイルを試しましたか? http:// – Isilher

+0

でフェッチしようとすると、アセットがブロックされる可能性があることに注意してください。スニペットでまったく同じものを使用しました。 https://自体。 –

関連する問題