React native 在React Native中播放Amazon S3 cloudefront视频

React native 在React Native中播放Amazon S3 cloudefront视频,react-native,React Native,有没有办法播放来自Amazon的托管视频以响应本机应用程序?我试过使用React Native Af视频播放器,但无法播放 视频URL如下所示: 请在这方面帮助我。你可以使用 我曾参与过一些项目,为视频列表提供签名url。这些URL可以使用此包进行流式传输/播放 唯一需要注意的是,您需要生成签名的s3url,以便轻松播放视频。检查这一点的一种方法是,您可以直接在浏览器上复制粘贴已签名的url,它应该立即流式传输 PS:我还怀疑S3URL可能无法使用react本地视频播放,但事实证明,提供sign

有没有办法播放来自Amazon的托管视频以响应本机应用程序?我试过使用React Native Af视频播放器,但无法播放

视频URL如下所示:

请在这方面帮助我。

你可以使用

我曾参与过一些项目,为视频列表提供签名url。这些URL可以使用此包进行流式传输/播放

唯一需要注意的是,您需要生成签名的s3url,以便轻松播放视频。检查这一点的一种方法是,您可以直接在浏览器上复制粘贴已签名的url,它应该立即流式传输

PS:我还怀疑S3URL可能无法使用react本地视频播放,但事实证明,提供signedUrl视频也可以。您可以使用OneError调试问题。(在欧盟在RNApp上测试url之前,确保url是从chrome播放的)

示例代码

// Load the module

import Video from 'react-native-video';



<Video source={{uri: "s3 signed url"}}   // Can be a URL or a local file.
       ref={(ref) => {
         this.player = ref
       }}                                      // Store reference
       onBuffer={this.onBuffer}                // Callback when remote video is buffering
       onError={this.videoError}               // Callback when video cannot be loaded
       style={styles.backgroundVideo} />

// Later on in your styles..
var styles = StyleSheet.create({
  backgroundVideo: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },
});
//加载模块
从“react native Video”导入视频;
{
this.player=ref
}}//存储引用
onBuffer={this.onBuffer}//远程视频缓冲时的回调
OneError={this.videoError}//无法加载视频时回调
style={style.backgroundVideo}/>
//以后在你的风格中。。
var styles=StyleSheet.create({
背景视频:{
位置:'绝对',
排名:0,
左:0,,
底部:0,
右:0,,
},
});