rn-ijkplayer
安装
$ npm install rn-ijkplayer --save
link 到不同平台
$ react-native link rn-ijkplayer
link 失败手动配置步骤
iOS 操作
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜rn-ijkplayer
and addRNIjkplayer.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNIjkplayer.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
Android 操作
- 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 thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':rn-ijkplayer' project(':rn-ijkplayer').projectDir = new File(rootProject.projectDir, '../node_modules/rn-ijkplayer/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:compile project(':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