Question

是否可以从Amazon播放托管视频到React Native应用程序？我已经尝试过使用React Native Af Video播放器，但是无法播放。

视频网址是这样的：https://d3codsxyyh2kcu.cloudfront.net/https?Expires=1547218475&Signature=MqxFm4cvR2IYfruCKEaM9JvaFDa7a-0ipdhK9QLxiRFIDcc1jHgvrpNLaPdId1nK5EXJND9hIGnAZvevdRhkA9Uocmd-I3QRdPNumv2BCuSBARgiMcu~lnwgQ24G9r1uO~ZlQ5CDhPTyJYFqC8DyFuzbGnHrTRfMTfPYIUZSi5lvk22oXGDOqARra~-KoAKk-vPXAxxUo1BjCXw3V06t6JNxCCrhaGiS3~OaRc28wGSRacm7F5A9rf~eEWSUWQ~17lUC-Jm6jnWAI9zqSqtyIk4ladboX7FNFi8N12wq39KWinYqvhMNkJcmxy1lGLCgEbabndfJc~yez7c2d17~Rw__&Key-Pair-Id=my_key_id

在这方面请帮助我。

Answer 1

您可以使用react-native-video。

我参与了为列表提供视频签名URL的项目。这些网址可以使用此pacakge流式传输/播放。

唯一需要注意的是，您需要 生成签名的S3网址 ，这样视频才能轻松播放。一种检查方法是，您可以直接将签名的URL复制粘贴到浏览器中，并且应该立即流式传输。

PS：我也怀疑使用react-native-video可能无法播放s3 url，但是事实证明，只要提供signedUrl视频就可以。您可以使用onError调试问题。（确保在RNApp上进行欧盟测试之前，请确保网址是从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中播放Amazon S3 cloudefront视频

1 个答案: