-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.js
104 lines (91 loc) · 2.48 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
import React, { Component, PropTypes } from 'react';
import ReactNative, {
StyleSheet,
requireNativeComponent,
NativeModules,
View,
Platform,
UIManager,
BackAndroid
} from 'react-native';
class VideoPlayer extends Component {
constructor(...args) {
super(...args);
this.isFullscreen = false;
}
static propTypes = {
...View.propTypes,
src: PropTypes.string.isRequired,
title: PropTypes.string,
placeholderImage: PropTypes.string,
onBack: PropTypes.func,
onPrepared: PropTypes.func,
onPlay: PropTypes.func,
onPause: PropTypes.func,
onEnd: PropTypes.func,
onError: PropTypes.func,
onFullscreen: PropTypes.func
};
static nativeOnly = {
onFullscreen: true
};
componentDidMount() {
if (Platform.OS == 'android') {
BackAndroid.addEventListener('hardwareBackPress', this.handleAndroidBack);
}
}
componentWillUnmount() {
if (Platform.OS == 'android') {
BackAndroid.removeEventListener('hardwareBackPress', this.handleAndroidBack);
}
}
handleAndroidBack = () => {
if (this.isFullscreen) {
this.backFromFull();
return true;
}
return false;
};
onFullscreen = event => {
this.isFullscreen = event.nativeEvent.isFullscreen;
this.props.onFullscreen && this.props.onFullscreen(event.nativeEvent.isFullscreen);
};
play = (url, isCache, title) => {
if(Platform.OS == 'android') {
UIManager.dispatchViewManagerCommand(
ReactNative.findNodeHandle(this),
UIManager.RCTVideoPlayer.Commands.play,
[url, isCache, title]
);
} else {
const { VideoPlayerManager } = NativeModules;
VideoPlayerManager.play(ReactNative.findNodeHandle(this));
}
};
backFromFull = () => {
if(Platform.OS == 'android') {
UIManager.dispatchViewManagerCommand(
ReactNative.findNodeHandle(this),
UIManager.RCTVideoPlayer.Commands.backFromFull,
[]
);
}
};
pause = () => {
if(Platform.OS == 'android') {
UIManager.dispatchViewManagerCommand(
ReactNative.findNodeHandle(this),
UIManager.RCTVideoPlayer.Commands.pause,
[]
);
} else {
const { VideoPlayerManager } = NativeModules;
VideoPlayerManager.pause(ReactNative.findNodeHandle(this));
}
}
render() {
return <RCTVideo ref="native" {...this.props} onFullscreen={this.onFullscreen} />;
}
}
const RCTVideo = requireNativeComponent('RCTVideoPlayer', VideoPlayer);
export default VideoPlayer;