React-native アプリにカメラを実装しようとしています。このアプリケーションの目的は、ビデオを録画してアップロードし、電話から削除することです。react-native-camera を使用してビデオを録画することができました。
React-native-camera は、録画されたビデオのパスを返します。このパスをreact-native-videoに入れてみました。しかし、これによりアプリケーションがクラッシュします。react-native-video のビデオをロードするには、react-native-fs のようなものを使用する必要がありますか、それともどうすればよいですか?
this.props.file.path に記録されたビデオのパスがあり、Android では次のようになりますが、これによりアプリケーションがクラッシュします。
file:///storage/emulated/0/Pictures/Vid_xxxxxxx_xxxxx.mp4
<Video source={{uri : this.props.file.path}}
style={styles.fullScreen}
rate={1.0}
volume={1.0}
muted={false}
resizeMode={"cover"}
onEnd={() => { console.log('Done!') }}
repeat={true} />
<StatusBar navigator={this.props.navigator} next={this.go.bind(this)}/>
ビデオを cameraRoll に保存すると、期待どおりに表示されます。