rn-ijkplayer

安装

$ npm install rn-ijkplayer --save

link 到不同平台

$ react-native link rn-ijkplayer

link 失败手动配置步骤

iOS 操作

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ rn-ijkplayer and add RNIjkplayer.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNIjkplayer.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Android 操作

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.iwhalecloud.ijkplayer.RNIjkplayerPackage; to the imports at the top of the file
• Add new RNIjkplayerPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':rn-ijkplayer'
   project(':rn-ijkplayer').projectDir = new File(rootProject.projectDir, 	'../node_modules/rn-ijkplayer/android')

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':rn-ijkplayer')

使用

import IjkPlayer from "rn-ijkplayer";

// TODO: What to do with the module?
<IjkPlayer
            style={[
              {
                height:
                 300
                width:
                 400,
                alignSelf: "center"
              }
            ]}
          url={"rtmp://live.hkstv.hk.lxdns.com/live/hks1"}
          isLive={true}
          autoplay={true}
          />;
// <IjkPlayer
//             style={[
//               {
//                 height:
//                  300
//                 width:
//                  400,
//                 alignSelf: "center"
//               }
//             ]}
//             ref={ref => (this.ijkPlayer = ref)}
//             url={this.props.url}
//             coverURLString={this.props.coverURLString}
//             isLive={this.props.isLive}
//             autoplay={this.props.autoplay}
//             showLog={this.props.showLog}
//             volume={this.props.volume}
//             videoAspectRatio={currentVideoAspectRatio}
//             onProgress={this._onProgress}
//             onPlaying={this._onPlaying}
//             onBuffering={this._onBuffering}
//             onError={this._onError}
//             onOpen={this._onOpen}
//             onLoadStart={this._onLoadStart}
//             onSnapshot={this._onSnapshot}
//             onIsPlaying={this._onIsPlaying}
//           />;

ios 的使用注意事项

由于 framework 没有同步到 npm,git 里，需要直接执行脚本。

#首次运行需要执行download.sh下载framework
./download.sh