react-native 集成阿里云视频播放器sdk （Android、ios）

1. 下载阿里云视频播放器SDK，解压后得到两个文件夹：aliyun-sdk-player-android和aliyun-sdk-player-ios。

2. 在React Native项目中安装react-native-aliplayer插件，使用命令：npm install react-native-aliplayer --save。

3. 在android/app/build.gradle文件中添加如下代码：

dependencies {
    implementation project(':react-native-aliplayer')
    ...
}

4. 在MainActivity.java中添加如下代码：

import com.aliplayer.AliPlayerPackage;

public class MainActivity extends ReactActivity {
    @Override
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new AliPlayerPackage()
        );
    }
    ...
}

5. 在ios项目中，将aliyun-sdk-player-ios文件夹拖入项目中，并在Build Phases的Link Binary With Libraries中添加以下库：

- libstdc++.6.tbd
- libz.tbd
- libresolv.tbd
- libbz2.tbd
- AVFoundation.framework
- AudioToolbox.framework
- CoreMedia.framework
- MediaPlayer.framework
- SystemConfiguration.framework
- UIKit.framework
- VideoToolbox.framework

6. 在AppDelegate.m中添加如下代码：

#import "AliPlayer.h"
...
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  ...
  [AliPlayer registerWithAppKey:@"your-app-key"];
  ...
}

7. 在React Native中使用AliPlayer组件进行视频播放，例如：

import React from 'react';
import { View } from 'react-native';
import AliPlayer from 'react-native-aliplayer';

export default function App() {
  return (
    <View style={{ flex: 1 }}>
      <AliPlayer
        source={{
          uri: 'http://player.alicdn.com/video/aliyunmedia.mp4',
        }}
        style={{ flex: 1 }}
      />
    </View>
  );
}

以上就是React Native集成阿里云视频播放器SDK的步骤。