forked from livekit/react-native-webrtc
-
Notifications
You must be signed in to change notification settings - Fork 2
/
RTCView.ts
64 lines (59 loc) · 2.38 KB
/
RTCView.ts
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
import { requireNativeComponent, ViewProps } from 'react-native';
/**
* Native prop validation was removed from RN in:
* https://github.com/facebook/react-native/commit/8dc3ba0444c94d9bbb66295b5af885bff9b9cd34
*
* So we list them here for documentation purposes.
*/
interface RTCVideoViewProps extends ViewProps {
/**
* Indicates whether the video specified by {@link #streamURL} should be
* mirrored during rendering. Commonly, applications choose to mirror the
* user-facing camera.
*
* mirror: boolean
*/
mirror?: boolean;
/**
* In the fashion of
* https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth
* and https://www.w3.org/TR/html5/rendering.html#video-object-fit,
* resembles the CSS style object-fit.
*
* objectFit: 'contain' | 'cover'
*/
objectFit?: 'contain' | 'cover';
/**
* URL / id of the stream that should be rendered.
*
* streamURL: string
*/
streamURL?: string;
/**
* Similarly to the CSS property z-index, specifies the z-order of this
* RTCView in the stacking space of all RTCViews. When RTCViews overlap,
* zOrder determines which one covers the other. An RTCView with a larger
* zOrder generally covers an RTCView with a lower one.
*
* Non-overlapping RTCViews may safely share a z-order (because one does not
* have to cover the other).
*
* The support for zOrder is platform-dependent and/or
* implementation-specific. Thus, specifying a value for zOrder is to be
* thought of as giving a hint rather than as imposing a requirement. For
* example, video renderers such as RTCView are commonly implemented using
* OpenGL and OpenGL views may have different numbers of layers in their
* stacking space. Android has three: a layer bellow the window (aka
* default), a layer bellow the window again but above the previous layer
* (aka media overlay), and above the window. Consequently, it is advisable
* to limit the number of utilized layers in the stacking space to the
* minimum sufficient for the desired display. For example, a video call
* application usually needs a maximum of two zOrder values: 0 for the
* remote video(s) which appear in the background, and 1 for the local
* video(s) which appear above the remote video(s).
*
* zOrder: number
*/
zOrder?: number;
}
export default requireNativeComponent<RTCVideoViewProps>('RTCVideoView');