railbird/react-native-video
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up Windows & Android asset instructions

Browse Source
This commit is contained in:
Hampton Maxwell 2018-05-28 18:59:09 -07:00 committed by GitHub
parent c3ea90bc59
commit ec2fab2c30
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
README.md
View File

@ -8,7 +8,6 @@ Requires react-native >= 0.40.0, for RN support of 0.19.0 - 0.39.0 please use a
## TOC ## TOC
* [Installation](#installation) * [Installation](#installation)
* [Linking](#linking)
* [Usage](#usage) * [Usage](#usage)
## Installation ## Installation
@ -27,6 +26,7 @@ yarn add react-native-video
<details> <details>
<summary>iOS</summary> <summary>iOS</summary>
Run `react-native link` to link the react-native-video library. Run `react-native link` to link the react-native-video library.
If you would like to allow other apps to play music over your video component, add: If you would like to allow other apps to play music over your video component, add:
@ -48,6 +48,7 @@ Note: you can also use the `ignoreSilentSwitch` prop, shown below.
<details> <details>
<summary>tvOS</summary> <summary>tvOS</summary>
Run `react-native link` to link the react-native-video library. Run `react-native link` to link the react-native-video library.
`react-native link` don’t works properly with the tvOS target so we need to add the library manually. `react-native link` don’t works properly with the tvOS target so we need to add the library manually.
@ -71,6 +72,7 @@ Select RCTVideo-tvOS
<details> <details>
<summary>Android</summary> <summary>Android</summary>
Run `react-native link` to link the react-native-video library. Run `react-native link` to link the react-native-video library.
Or if you have trouble, make the following additions to the given files manually: Or if you have trouble, make the following additions to the given files manually:
@ -121,18 +123,17 @@ Make the following additions to the given files manually:
Add the `ReactNativeVideo` project to your solution. Add the `ReactNativeVideo` project to your solution.
1. Open the solution in Visual Studio 2015 1. Open the solution in Visual Studio 2015
2. Right-click Solution icon in Solution Explorer > Add > Existing Project... 2. Right-click Solution icon in Solution Explorer > Add > Existing Project
3a. UWP: Select `node_modules\react-native-video\windows\ReactNativeVideo\ReactNativeVideo.csproj` * UWP: Select `node_modules\react-native-video\windows\ReactNativeVideo\ReactNativeVideo.csproj`
3b. WPF: Select `node_modules\react-native-video\windows\ReactNativeVideo.Net46\ReactNativeVideo.Net46.csproj` * WPF: Select `node_modules\react-native-video\windows\ReactNativeVideo.Net46\ReactNativeVideo.Net46.csproj`
**windows/myapp/myapp.csproj** **windows/myapp/myapp.csproj**
Add a reference to `ReactNativeVideo` to your main application project. From Visual Studio 2015: Add a reference to `ReactNativeVideo` to your main application project. From Visual Studio 2015:
1. Right-click main application project > Add > Reference... 1. Right-click main application project > Add > Reference...
2a. UWP: Check `ReactNativeVideo` from Solution Projects. * UWP: Check `ReactNativeVideo` from Solution Projects.
* WPF: Check `ReactNativeVideo.Net46` from Solution Projects.
WPF: Check `ReactNativeVideo.Net46` from Solution Projects.
**MainPage.cs** **MainPage.cs**
@ -228,7 +229,11 @@ For more detailed info check this [article](https://cocoacasts.com/how-to-add-ap
### Android Expansion File Usage ### Android Expansion File Usage
Within your render function, assuming you have a file called Within your render function, assuming you have a file called
"background.mp4" in your expansion file. Just add your main and (if applicable) patch version "background.mp4" in your expansion file. Just add your main and (if applicable) patch version
`source={{uri: "background", mainVer: 1, patchVer: 0}}` ```
<Video
source={{uri: "background", mainVer: 1, patchVer: 0}}
/>
```
This will look for an .mp4 file (background.mp4) in the given expansion version. This will look for an .mp4 file (background.mp4) in the given expansion version.
### Load files with the RN Asset System ### Load files with the RN Asset System
@ -237,10 +242,7 @@ The asset system [introduced in RN `0.14`](http://www.reactnative.com/react-nati
``` ```
<Video <Video
repeat
resizeMode='cover'
source={require('../assets/video/turntable.mp4')} source={require('../assets/video/turntable.mp4')}
style={styles.backgroundVideo}
/> />
``` ```