include API function: getVideoUrl()

Author: ddaaggeett

index.d.ts

@@ -4,6 +4,7 @@ import {WebViewProps} from 'react-native-webview';
 
 export interface YoutubeIframeRef {
   getDuration: () => Promise<number>;
+  getVideoUrl: () => Promise<string>;
   getCurrentTime: () => Promise<number>;
   isMuted: () => Promise<boolean>;
   getVolume: () => Promise<number>;

src/PlayerScripts.js

@@ -5,6 +5,10 @@ export const PLAYER_FUNCTIONS = {
   unMuteVideo: 'player.unMute(); true;',
   playVideo: 'player.playVideo(); true;',
   pauseVideo: 'player.pauseVideo(); true;',
+  getVideoUrlScript: `
+window.ReactNativeWebView.postMessage(JSON.stringify({eventType: 'getVideoUrl', data: player.getVideoUrl()}));
+true;
+  `,
   durationScript: `
 window.ReactNativeWebView.postMessage(JSON.stringify({eventType: 'getDuration', data: player.getDuration()}));
 true;

src/YoutubeIframe.js

@@ -49,6 +49,12 @@ const YoutubeIframe = (props, ref) => {
   useImperativeHandle(
     ref,
     () => ({
+      getVideoUrl: () => {
+        webViewRef.current.injectJavaScript(PLAYER_FUNCTIONS.getVideoUrlScript);
+        return new Promise(resolve => {
+          eventEmitter.current.once('getVideoUrl', resolve);
+        });
+      },
       getDuration: () => {
         webViewRef.current.injectJavaScript(PLAYER_FUNCTIONS.durationScript);
         return new Promise(resolve => {