Merge branch 'master' of github.com:LonelyCpp/react-native-youtube-iframe into docusaurus

Author: LonelyCpp

index.d.ts

@@ -2,6 +2,16 @@ import React from 'react';
 import {StyleProp, ViewStyle} from 'react-native';
 import {WebViewProps} from 'react-native-webview';
 
+export interface YoutubeIframeRef {
+  getDuration: () => Promise<number>;
+  getCurrentTime: () => Promise<number>;
+  isMuted: () => Promise<boolean>;
+  getVolume: () => Promise<number>;
+  getPlaybackRate: () => Promise<number>;
+  getAvailablePlaybackRates: () => Promise<number[]>;
+  seekTo: (seconds: number, allowSeekAhead: boolean) => void;
+}
+
 export interface InitialPlayerParams {
   loop?: boolean;
   controls?: boolean;
@@ -108,6 +118,10 @@ export interface YoutubeIframeProps {
    * Flag to decide whether or not a user can zoom the video webview.
    */
   allowWebViewZoom?: Boolean;
+  /**
+   * Set this React Ref to use ref functions such as getDuration.
+   */
+  ref?: React.MutableRefObject<YoutubeIframeRef | null>;
 }
 
 declare const YoutubeIframe: React.SFC<YoutubeIframeProps>;

package.json

@@ -31,9 +31,9 @@
   },
   "homepage": "https://lonelycpp.github.io/react-native-youtube-iframe/",
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-native": ">=0.59",
-    "react-native-webview": "^7.5.2"
+    "react": ">=16.8.6",
+    "react-native": ">=0.60",
+    "react-native-webview": ">=7.0.0"
   },
   "devDependencies": {
     "@react-native-community/eslint-config": "^1.1.0",

readme.md

@@ -58,7 +58,7 @@ const [playing, setPlaying] = useState(true);
   onPlaybackQualityChange={q => console.log(q)}
   volume={50}
   playbackRate={1}
-  playerParams={{
+  initialPlayerParams={{
     cc_lang_pref: "us",
     showClosedCaptions: true
   }}