@capgo/capacitor-video-player 8.0.19 → 8.1.0

package/README.md

@@ -369,6 +369,7 @@ Exit player
 | **`accentColor`**     | <code>string</code>                                         | ExoPlayer Progress Bar and Spinner color (Android) by Manuel García Marín (https://github.com/PhantomPainX) Must be a valid hex color code default: #FFFFFF |
 | **`chromecast`**      | <code>boolean</code>                                        | Chromecast enable/disable (Android) by Manuel García Marín (https://github.com/PhantomPainX) default: true                                                  |
 | **`artwork`**         | <code>string</code>                                         | Artwork url to be shown in Chromecast player by Manuel García Marín (https://github.com/PhantomPainX) default: ""                                           |
+| **`drm`**             | <code><a href="#drmoptions">DrmOptions</a></code>           | DRM configuration for protected content (iOS: FairPlay, Android: Widevine)                                                                                  |
 
 
 #### SubTitleOptions
@@ -384,6 +385,37 @@ Exit player
 | **getPluginVersion** | () =&gt; Promise&lt;{ version: string; }&gt; | Get the native Capacitor plugin version |
 
 
+#### DrmOptions
+
+| Prop            | Type                                                                | Description                          |
+| --------------- | ------------------------------------------------------------------- | ------------------------------------ |
+| **`fairplay`**  | <code><a href="#fairplaydrmoptions">FairPlayDrmOptions</a></code>   | FairPlay DRM configuration (iOS)     |
+| **`playready`** | <code><a href="#playreadydrmoptions">PlayreadyDrmOptions</a></code> | PlayReady DRM configuration          |
+| **`widevine`**  | <code><a href="#widevinedrmoptions">WidevineDrmOptions</a></code>   | Widevine DRM configuration (Android) |
+
+
+#### FairPlayDrmOptions
+
+| Prop                   | Type                | Description                                                                       |
+| ---------------------- | ------------------- | --------------------------------------------------------------------------------- |
+| **`certificateUrl`**   | <code>string</code> | The URL to fetch the FairPlay certificate                                         |
+| **`contentKeySpcUrl`** | <code>string</code> | The URL to send the SPC and receive the CKC license (FairPlay license server URL) |
+
+
+#### PlayreadyDrmOptions
+
+| Prop                 | Type                | Description                            |
+| -------------------- | ------------------- | -------------------------------------- |
+| **`certificateUrl`** | <code>string</code> | The URL to fetch the PlayReady license |
+
+
+#### WidevineDrmOptions
+
+| Prop                 | Type                | Description                           |
+| -------------------- | ------------------- | ------------------------------------- |
+| **`certificateUrl`** | <code>string</code> | The URL to fetch the Widevine license |
+
+
 #### capVideoPlayerIdOptions
 
 | Prop           | Type                | Description                            |

package/android/build.gradle

@@ -61,10 +61,10 @@ dependencies {
     implementation 'com.google.android.exoplayer:exoplayer-ui:2.19.0'
     implementation 'com.google.android.exoplayer:exoplayer-hls:2.19.1'
     implementation 'com.google.android.exoplayer:exoplayer-dash:2.19.1'
-    implementation 'com.google.android.exoplayer:exoplayer-smoothstreaming:2.19.0'
+    implementation 'com.google.android.exoplayer:exoplayer-smoothstreaming:2.19.1'
     implementation 'com.google.android.exoplayer:extension-mediasession:2.19.0'
     implementation 'com.google.android.exoplayer:exoplayer:2.19.1'
-    implementation 'com.google.android.exoplayer:extension-cast:2.19.0'
+    implementation 'com.google.android.exoplayer:extension-cast:2.19.1'
     implementation 'com.squareup.picasso:picasso:2.8'
     testImplementation "junit:junit:$junitVersion"
     androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"

package/android/src/main/java/com/capgo/videoplayer/FullscreenExoPlayerFragment.java

@@ -121,6 +121,7 @@ public class FullscreenExoPlayerFragment extends Fragment {
     public String accentColor;
     public Boolean chromecast;
     public String artwork;
+    public JSObject drmOptions;
 
     private static final String TAG = FullscreenExoPlayerFragment.class.getName();
     public static final long UNKNOWN_TIME = -1L;
@@ -910,23 +911,27 @@ public class FullscreenExoPlayerFragment extends Fragment {
 
         DataSource.Factory dataSourceFactory = new DefaultDataSourceFactory(context, httpDataSourceFactory);
 
+        // Build the MediaItem, applying Widevine DRM configuration if provided
+        MediaItem mediaItem = buildMediaItem(uri);
+
         if (
             vType.equals("mp4") ||
             vType.equals("webm") ||
             vType.equals("ogv") ||
             vType.equals("3gp") ||
             vType.equals("flv") ||
+            vType.equals("ytube") ||
             vType.equals("")
         ) {
-            mediaSource = new ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(MediaItem.fromUri(uri));
+            mediaSource = new ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem);
         } else if (vType.equals("dash") || vType.equals("mpd")) {
             /* adaptive streaming Dash stream */
             DashMediaSource.Factory mediaSourceFactory = new DashMediaSource.Factory(dataSourceFactory);
-            mediaSource = mediaSourceFactory.createMediaSource(MediaItem.fromUri(uri));
+            mediaSource = mediaSourceFactory.createMediaSource(mediaItem);
         } else if (vType.equals("m3u8")) {
-            mediaSource = new HlsMediaSource.Factory(dataSourceFactory).createMediaSource(MediaItem.fromUri(uri));
+            mediaSource = new HlsMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem);
         } else if (vType.equals("ism")) {
-            mediaSource = new SsMediaSource.Factory(dataSourceFactory).createMediaSource(MediaItem.fromUri(uri));
+            mediaSource = new SsMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem);
         }
         // Get the subtitles if any
         if (sturi != null) {
@@ -935,6 +940,28 @@ public class FullscreenExoPlayerFragment extends Fragment {
         return mediaSource;
     }
 
+    /**
+     * Build a MediaItem for the given URI, applying Widevine DRM configuration if provided
+     * @param uri the media URI
+     * @return MediaItem
+     */
+    private MediaItem buildMediaItem(Uri uri) {
+        String widevineLicenseUrl = null;
+        if (drmOptions != null) {
+            JSObject widevineOptions = drmOptions.getJSObject("widevine");
+            if (widevineOptions != null && widevineOptions.has("certificateUrl")) {
+                widevineLicenseUrl = widevineOptions.getString("certificateUrl");
+            }
+        }
+        if (widevineLicenseUrl != null && !widevineLicenseUrl.isEmpty()) {
+            MediaItem.DrmConfiguration drmConfig = new MediaItem.DrmConfiguration.Builder(C.WIDEVINE_UUID)
+                .setLicenseUri(widevineLicenseUrl)
+                .build();
+            return new MediaItem.Builder().setUri(uri).setDrmConfiguration(drmConfig).build();
+        }
+        return MediaItem.fromUri(uri);
+    }
+
     /**
      * Save instance state
      */
@@ -1183,6 +1210,49 @@ public class FullscreenExoPlayerFragment extends Fragment {
      * @return video type
      */
     private String getVideoType(Uri uri) {
+        // Check host for YouTube-related domains
+        String host = uri.getHost();
+        if (host != null) {
+            String hostLower = host.toLowerCase(Locale.US);
+            if (
+                hostLower.equals("youtube.com") ||
+                hostLower.endsWith(".youtube.com") ||
+                hostLower.equals("youtu.be") ||
+                hostLower.endsWith(".youtu.be")
+            ) {
+                return "ytube";
+            }
+        }
+
+        // Check URL path for HLS/DASH manifest patterns common in YouTube CDN URLs
+        String path = uri.getPath();
+        if (path != null) {
+            String pathLower = path.toLowerCase(Locale.US);
+            if (pathLower.contains("/hls_playlist") || pathLower.contains("/hls_manifest")) {
+                return "m3u8";
+            }
+            if (pathLower.contains("/dash_playlist") || pathLower.contains("/dash_manifest")) {
+                return "mpd";
+            }
+        }
+
+        // Check the mime query parameter present in YouTube CDN stream URLs
+        // e.g. mime=application%2Fx-mpegURL or mime=video%2Fmp4
+        String mimeParam = uri.getQueryParameter("mime");
+        if (mimeParam != null) {
+            String mimeLower = mimeParam.toLowerCase(Locale.US);
+            if (mimeLower.contains("mpegurl") || mimeLower.contains("m3u8")) {
+                return "m3u8";
+            }
+            if (mimeLower.contains("dash+xml")) {
+                return "mpd";
+            }
+            if (mimeLower.contains("mp4") || mimeLower.contains("webm") || mimeLower.contains("ogg") || mimeLower.contains("3gp")) {
+                return ""; // empty string signals progressive format in this codebase
+            }
+        }
+
+        // Fall back to path-segment based detection
         String ret = null;
         Object obj = uri.getLastPathSegment();
         String lastSegment = (obj == null) ? "" : uri.getLastPathSegment();

package/android/src/main/java/com/capgo/videoplayer/VideoPlayer.java

@@ -33,7 +33,8 @@ public class VideoPlayer {
         Boolean isTV,
         String playerId,
         Boolean isInternal,
-        Long videoId
+        Long videoId,
+        JSObject drmOptions
     ) {
         FullscreenExoPlayerFragment fsFragment = new FullscreenExoPlayerFragment();
 
@@ -58,6 +59,7 @@ public class VideoPlayer {
         fsFragment.playerId = playerId;
         fsFragment.isInternal = isInternal;
         fsFragment.videoId = videoId;
+        fsFragment.drmOptions = drmOptions;
         return fsFragment;
     }
 

package/android/src/main/java/com/capgo/videoplayer/VideoPlayerPlugin.java

@@ -38,7 +38,7 @@ import java.util.Map;
 )
 public class VideoPlayerPlugin extends Plugin {
 
-    private final String pluginVersion = "8.0.19";
+    private final String pluginVersion = "8.1.0";
 
     // Permission alias constants
     private static final String PERMISSION_DENIED_ERROR = "Unable to access media videos, user denied permission request";
@@ -81,6 +81,7 @@ public class VideoPlayerPlugin extends Plugin {
     private String subtitle = "";
     private String language = "";
     private JSObject subTitleOptions;
+    private JSObject drmOptions;
     private final JSObject ret = new JSObject();
 
     @Override
@@ -218,6 +219,11 @@ public class VideoPlayerPlugin extends Plugin {
                 _artwork = call.getString("artwork");
             }
             artwork = _artwork;
+            JSObject _drmOptions = null;
+            if (call.getData().has("drm")) {
+                _drmOptions = call.getObject("drm");
+            }
+            drmOptions = _drmOptions;
             AddObserversToNotificationCenter();
             Log.v(TAG, "display url: " + url);
             Log.v(TAG, "display subtitle: " + subtitle);
@@ -926,7 +932,8 @@ public class VideoPlayerPlugin extends Plugin {
                     isTV,
                     playerId,
                     false,
-                    null
+                    null,
+                    drmOptions
                 );
             } else {
                 Map<String, Object> info = new HashMap<String, Object>() {
@@ -1091,7 +1098,8 @@ public class VideoPlayerPlugin extends Plugin {
                             isTV,
                             fsPlayerId,
                             true,
-                            videoId
+                            videoId,
+                            null
                         );
                     } else {
                         Toast.makeText(context, "No Video files found ", Toast.LENGTH_SHORT).show();
@@ -1130,7 +1138,8 @@ public class VideoPlayerPlugin extends Plugin {
         Boolean isTV,
         String playerId,
         Boolean isInternal,
-        Long videoId
+        Long videoId,
+        JSObject drmOptions
     ) {
         Log.v(TAG, "§§§§ createFullScreenFragment chromecast: " + chromecast);
 
@@ -1155,7 +1164,8 @@ public class VideoPlayerPlugin extends Plugin {
             isTV,
             playerId,
             isInternal,
-            videoId
+            videoId,
+            drmOptions
         );
         bridge
             .getActivity()

package/dist/docs.json

@@ -503,6 +503,15 @@
           "docs": "Artwork url to be shown in Chromecast player\nby Manuel García Marín (https://github.com/PhantomPainX)\ndefault: \"\"",
           "complexTypes": [],
           "type": "string | undefined"
+        },
+        {
+          "name": "drm",
+          "tags": [],
+          "docs": "DRM configuration for protected content (iOS: FairPlay, Android: Widevine)",
+          "complexTypes": [
+            "DrmOptions"
+          ],
+          "type": "DrmOptions"
         }
       ]
     },
@@ -556,6 +565,97 @@
         }
       ]
     },
+    {
+      "name": "DrmOptions",
+      "slug": "drmoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "fairplay",
+          "tags": [],
+          "docs": "FairPlay DRM configuration (iOS)",
+          "complexTypes": [
+            "FairPlayDrmOptions"
+          ],
+          "type": "FairPlayDrmOptions"
+        },
+        {
+          "name": "playready",
+          "tags": [],
+          "docs": "PlayReady DRM configuration",
+          "complexTypes": [
+            "PlayreadyDrmOptions"
+          ],
+          "type": "PlayreadyDrmOptions"
+        },
+        {
+          "name": "widevine",
+          "tags": [],
+          "docs": "Widevine DRM configuration (Android)",
+          "complexTypes": [
+            "WidevineDrmOptions"
+          ],
+          "type": "WidevineDrmOptions"
+        }
+      ]
+    },
+    {
+      "name": "FairPlayDrmOptions",
+      "slug": "fairplaydrmoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "certificateUrl",
+          "tags": [],
+          "docs": "The URL to fetch the FairPlay certificate",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "contentKeySpcUrl",
+          "tags": [],
+          "docs": "The URL to send the SPC and receive the CKC license (FairPlay license server URL)",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "PlayreadyDrmOptions",
+      "slug": "playreadydrmoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "certificateUrl",
+          "tags": [],
+          "docs": "The URL to fetch the PlayReady license",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "WidevineDrmOptions",
+      "slug": "widevinedrmoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "certificateUrl",
+          "tags": [],
+          "docs": "The URL to fetch the Widevine license",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
     {
       "name": "capVideoPlayerIdOptions",
       "slug": "capvideoplayeridoptions",

package/dist/esm/definitions.d.ts

@@ -201,6 +201,10 @@ export interface capVideoPlayerOptions {
      * default: ""
      */
     artwork?: string;
+    /**
+     * DRM configuration for protected content (iOS: FairPlay, Android: Widevine)
+     */
+    drm?: DrmOptions;
 }
 export interface capVideoPlayerIdOptions {
     /**
@@ -309,3 +313,39 @@ export interface SubTitleOptions {
         version: string;
     }>;
 }
+export interface FairPlayDrmOptions {
+    /**
+     * The URL to fetch the FairPlay certificate
+     */
+    certificateUrl?: string;
+    /**
+     * The URL to send the SPC and receive the CKC license (FairPlay license server URL)
+     */
+    contentKeySpcUrl?: string;
+}
+export interface PlayreadyDrmOptions {
+    /**
+     * The URL to fetch the PlayReady license
+     */
+    certificateUrl?: string;
+}
+export interface WidevineDrmOptions {
+    /**
+     * The URL to fetch the Widevine license
+     */
+    certificateUrl?: string;
+}
+export interface DrmOptions {
+    /**
+     * FairPlay DRM configuration (iOS)
+     */
+    fairplay?: FairPlayDrmOptions;
+    /**
+     * PlayReady DRM configuration
+     */
+    playready?: PlayreadyDrmOptions;
+    /**
+     * Widevine DRM configuration (Android)
+     */
+    widevine?: WidevineDrmOptions;
+}

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export interface VideoPlayerPlugin {\n  /**\n   * Initialize a video player\n   *\n   */\n  initPlayer(options: capVideoPlayerOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Return if a given playerId is playing\n   *\n   */\n  isPlaying(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Play the current video from a given playerId\n   *\n   */\n  play(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Pause the current video from a given playerId\n   *\n   */\n  pause(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the duration of the current video from a given playerId\n   *\n   */\n  getDuration(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the current time of the current video from a given playerId\n   *\n   */\n  getCurrentTime(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the current time to seek the current video to from a given playerId\n   *\n   */\n  setCurrentTime(options: capVideoTimeOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the volume of the current video from a given playerId\n   *\n   */\n  getVolume(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the volume of the current video to from a given playerId\n   *\n   */\n  setVolume(options: capVideoVolumeOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the muted of the current video from a given playerId\n   *\n   */\n  getMuted(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the muted of the current video to from a given playerId\n   *\n   */\n  setMuted(options: capVideoMutedOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the rate of the current video from a given playerId\n   *\n   */\n  setRate(options: capVideoRateOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the rate of the current video from a given playerId\n   *\n   */\n  getRate(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Stop all players playing\n   *\n   */\n  stopAllPlayers(): Promise<capVideoPlayerResult>;\n  /**\n   * Show controller\n   *\n   */\n  showController(): Promise<capVideoPlayerResult>;\n  /**\n   * isControllerIsFullyVisible\n   *\n   */\n  isControllerIsFullyVisible(): Promise<capVideoPlayerResult>;\n  /**\n   * Exit player\n   *\n   */\n  exitPlayer(): Promise<capVideoPlayerResult>;\n}\nexport interface capEchoOptions {\n  /**\n   *  String to be echoed\n   */\n\n  value?: string;\n}\nexport interface capVideoPlayerOptions {\n  /**\n   * Player mode\n   *  - \"fullscreen\"\n   *  - \"embedded\" (Web only)\n   */\n  mode?: string;\n  /**\n   * The url of the video to play\n   */\n  url?: string;\n  /**\n   * The url of subtitle associated with the video\n   */\n  subtitle?: string;\n  /**\n   * The language of subtitle\n   * see https://github.com/libyal/libfwnt/wiki/Language-Code-identifiers\n   */\n  language?: string;\n  /**\n   * SubTitle Options\n   */\n  subtitleOptions?: SubTitleOptions;\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Initial playing rate\n   */\n  rate?: number;\n  /**\n   * Exit on VideoEnd (iOS, Android)\n   * default: true\n   */\n  exitOnEnd?: boolean;\n  /**\n   * Loop on VideoEnd when exitOnEnd false (iOS, Android)\n   * default: false\n   */\n  loopOnEnd?: boolean;\n  /**\n   * Picture in Picture Enable (iOS, Android)\n   * default: true\n   */\n  pipEnabled?: boolean;\n  /**\n   * Background Mode Enable (iOS, Android)\n   * default: true\n   */\n  bkmodeEnabled?: boolean;\n  /**\n   * Show Controls Enable (iOS, Android)\n   * default: true\n   */\n  showControls?: boolean;\n  /**\n   * Display Mode [\"all\", \"portrait\", \"landscape\"] (iOS, Android)\n   * default: \"all\"\n   */\n  displayMode?: string;\n  /**\n   * Component Tag or DOM Element Tag (React app)\n   */\n  componentTag?: string;\n  /**\n   * Player Width (mode \"embedded\" only)\n   */\n  width?: number;\n  /**\n   * Player height (mode \"embedded\" only)\n   */\n  height?: number;\n  /**\n   * Headers for the request (iOS, Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   */\n  headers?: {\n    [key: string]: string;\n  };\n  /**\n   * Title shown in the player (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   */\n  title?: string;\n  /**\n   * Subtitle shown below the title in the player (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   */\n  smallTitle?: string;\n  /**\n   * ExoPlayer Progress Bar and Spinner color (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   * Must be a valid hex color code\n   * default: #FFFFFF\n   */\n  accentColor?: string;\n  /**\n   * Chromecast enable/disable (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   * default: true\n   */\n  chromecast?: boolean;\n  /**\n   * Artwork url to be shown in Chromecast player\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   * default: \"\"\n   */\n  artwork?: string;\n}\nexport interface capVideoPlayerIdOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n}\nexport interface capVideoRateOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Rate value\n   */\n  rate?: number;\n}\nexport interface capVideoVolumeOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Volume value between [0 - 1]\n   */\n  volume?: number;\n}\nexport interface capVideoTimeOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Video time value you want to seek to\n   */\n  seektime?: number;\n}\nexport interface capVideoMutedOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Muted value true or false\n   */\n  muted?: boolean;\n}\nexport interface capVideoListener {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Video current time when listener triggered\n   */\n  currentTime?: number;\n}\nexport interface capExitListener {\n  /**\n   * Dismiss value true or false\n   */\n  dismiss?: boolean;\n  /**\n   * Video current time when listener triggered\n   */\n  currentTime?: number;\n}\nexport interface capVideoPlayerResult {\n  /**\n   * result set to true when successful else false\n   */\n  result?: boolean;\n  /**\n   * method name\n   */\n  method?: string;\n  /**\n   * value returned\n   */\n  value?: any;\n  /**\n   * message string\n   */\n  message?: string;\n}\nexport interface SubTitleOptions {\n  /**\n   * Foreground Color in RGBA (default rgba(255,255,255,1)\n   */\n  foregroundColor?: string;\n  /**\n   * Background Color in RGBA (default rgba(0,0,0,1)\n   */\n  backgroundColor?: string;\n  /**\n   * Font Size in pixels (default 16)\n   */\n  fontSize?: number;\n\n  /**\n   * Get the native Capacitor plugin version\n   *\n   * @returns {Promise<{ id: string }>} an Promise with version for this device\n   * @throws An error if the something went wrong\n   */\n  getPluginVersion(): Promise<{ version: string }>;\n}\n"]}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export interface VideoPlayerPlugin {\n  /**\n   * Initialize a video player\n   *\n   */\n  initPlayer(options: capVideoPlayerOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Return if a given playerId is playing\n   *\n   */\n  isPlaying(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Play the current video from a given playerId\n   *\n   */\n  play(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Pause the current video from a given playerId\n   *\n   */\n  pause(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the duration of the current video from a given playerId\n   *\n   */\n  getDuration(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the current time of the current video from a given playerId\n   *\n   */\n  getCurrentTime(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the current time to seek the current video to from a given playerId\n   *\n   */\n  setCurrentTime(options: capVideoTimeOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the volume of the current video from a given playerId\n   *\n   */\n  getVolume(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the volume of the current video to from a given playerId\n   *\n   */\n  setVolume(options: capVideoVolumeOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the muted of the current video from a given playerId\n   *\n   */\n  getMuted(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the muted of the current video to from a given playerId\n   *\n   */\n  setMuted(options: capVideoMutedOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Set the rate of the current video from a given playerId\n   *\n   */\n  setRate(options: capVideoRateOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Get the rate of the current video from a given playerId\n   *\n   */\n  getRate(options: capVideoPlayerIdOptions): Promise<capVideoPlayerResult>;\n  /**\n   * Stop all players playing\n   *\n   */\n  stopAllPlayers(): Promise<capVideoPlayerResult>;\n  /**\n   * Show controller\n   *\n   */\n  showController(): Promise<capVideoPlayerResult>;\n  /**\n   * isControllerIsFullyVisible\n   *\n   */\n  isControllerIsFullyVisible(): Promise<capVideoPlayerResult>;\n  /**\n   * Exit player\n   *\n   */\n  exitPlayer(): Promise<capVideoPlayerResult>;\n}\nexport interface capEchoOptions {\n  /**\n   *  String to be echoed\n   */\n\n  value?: string;\n}\nexport interface capVideoPlayerOptions {\n  /**\n   * Player mode\n   *  - \"fullscreen\"\n   *  - \"embedded\" (Web only)\n   */\n  mode?: string;\n  /**\n   * The url of the video to play\n   */\n  url?: string;\n  /**\n   * The url of subtitle associated with the video\n   */\n  subtitle?: string;\n  /**\n   * The language of subtitle\n   * see https://github.com/libyal/libfwnt/wiki/Language-Code-identifiers\n   */\n  language?: string;\n  /**\n   * SubTitle Options\n   */\n  subtitleOptions?: SubTitleOptions;\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Initial playing rate\n   */\n  rate?: number;\n  /**\n   * Exit on VideoEnd (iOS, Android)\n   * default: true\n   */\n  exitOnEnd?: boolean;\n  /**\n   * Loop on VideoEnd when exitOnEnd false (iOS, Android)\n   * default: false\n   */\n  loopOnEnd?: boolean;\n  /**\n   * Picture in Picture Enable (iOS, Android)\n   * default: true\n   */\n  pipEnabled?: boolean;\n  /**\n   * Background Mode Enable (iOS, Android)\n   * default: true\n   */\n  bkmodeEnabled?: boolean;\n  /**\n   * Show Controls Enable (iOS, Android)\n   * default: true\n   */\n  showControls?: boolean;\n  /**\n   * Display Mode [\"all\", \"portrait\", \"landscape\"] (iOS, Android)\n   * default: \"all\"\n   */\n  displayMode?: string;\n  /**\n   * Component Tag or DOM Element Tag (React app)\n   */\n  componentTag?: string;\n  /**\n   * Player Width (mode \"embedded\" only)\n   */\n  width?: number;\n  /**\n   * Player height (mode \"embedded\" only)\n   */\n  height?: number;\n  /**\n   * Headers for the request (iOS, Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   */\n  headers?: {\n    [key: string]: string;\n  };\n  /**\n   * Title shown in the player (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   */\n  title?: string;\n  /**\n   * Subtitle shown below the title in the player (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   */\n  smallTitle?: string;\n  /**\n   * ExoPlayer Progress Bar and Spinner color (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   * Must be a valid hex color code\n   * default: #FFFFFF\n   */\n  accentColor?: string;\n  /**\n   * Chromecast enable/disable (Android)\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   * default: true\n   */\n  chromecast?: boolean;\n  /**\n   * Artwork url to be shown in Chromecast player\n   * by Manuel García Marín (https://github.com/PhantomPainX)\n   * default: \"\"\n   */\n  artwork?: string;\n  /**\n   * DRM configuration for protected content (iOS: FairPlay, Android: Widevine)\n   */\n  drm?: DrmOptions;\n}\nexport interface capVideoPlayerIdOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n}\nexport interface capVideoRateOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Rate value\n   */\n  rate?: number;\n}\nexport interface capVideoVolumeOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Volume value between [0 - 1]\n   */\n  volume?: number;\n}\nexport interface capVideoTimeOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Video time value you want to seek to\n   */\n  seektime?: number;\n}\nexport interface capVideoMutedOptions {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Muted value true or false\n   */\n  muted?: boolean;\n}\nexport interface capVideoListener {\n  /**\n   * Id of DIV Element parent of the player\n   */\n  playerId?: string;\n  /**\n   * Video current time when listener triggered\n   */\n  currentTime?: number;\n}\nexport interface capExitListener {\n  /**\n   * Dismiss value true or false\n   */\n  dismiss?: boolean;\n  /**\n   * Video current time when listener triggered\n   */\n  currentTime?: number;\n}\nexport interface capVideoPlayerResult {\n  /**\n   * result set to true when successful else false\n   */\n  result?: boolean;\n  /**\n   * method name\n   */\n  method?: string;\n  /**\n   * value returned\n   */\n  value?: any;\n  /**\n   * message string\n   */\n  message?: string;\n}\nexport interface SubTitleOptions {\n  /**\n   * Foreground Color in RGBA (default rgba(255,255,255,1)\n   */\n  foregroundColor?: string;\n  /**\n   * Background Color in RGBA (default rgba(0,0,0,1)\n   */\n  backgroundColor?: string;\n  /**\n   * Font Size in pixels (default 16)\n   */\n  fontSize?: number;\n\n  /**\n   * Get the native Capacitor plugin version\n   *\n   * @returns {Promise<{ id: string }>} an Promise with version for this device\n   * @throws An error if the something went wrong\n   */\n  getPluginVersion(): Promise<{ version: string }>;\n}\nexport interface FairPlayDrmOptions {\n  /**\n   * The URL to fetch the FairPlay certificate\n   */\n  certificateUrl?: string;\n  /**\n   * The URL to send the SPC and receive the CKC license (FairPlay license server URL)\n   */\n  contentKeySpcUrl?: string;\n}\nexport interface PlayreadyDrmOptions {\n  /**\n   * The URL to fetch the PlayReady license\n   */\n  certificateUrl?: string;\n}\nexport interface WidevineDrmOptions {\n  /**\n   * The URL to fetch the Widevine license\n   */\n  certificateUrl?: string;\n}\nexport interface DrmOptions {\n  /**\n   * FairPlay DRM configuration (iOS)\n   */\n  fairplay?: FairPlayDrmOptions;\n  /**\n   * PlayReady DRM configuration\n   */\n  playready?: PlayreadyDrmOptions;\n  /**\n   * Widevine DRM configuration (Android)\n   */\n  widevine?: WidevineDrmOptions;\n}\n"]}

package/dist/esm/web-utils/videoplayer.js

@@ -242,20 +242,22 @@ export class VideoPlayer {
     _getVideoType() {
         const sUrl = this._url ? this._url : '';
         if (sUrl != null && sUrl.length > 0) {
-            Object.entries(videoTypes).forEach(([extension, mimeType]) => {
+            for (const [extension, mimeType] of Object.entries(videoTypes)) {
                 // we search for dot + extension (e.g. `.mp4`) for URLs that have the extension in the filename
                 // e.g. https://vimeo.com/?file=my-video.mp4
-                const hasDotExtension = sUrl.match(new RegExp(`.(${extension})`, 'i'));
+                const hasDotExtension = sUrl.match(new RegExp(`\\.(${extension})(?=[?&#]|$)`, 'i'));
                 if (hasDotExtension) {
                     return (this._videoType = mimeType);
                 }
+            }
+            for (const [extension, mimeType] of Object.entries(videoTypes)) {
                 // we search for the extension (e.g. `m3u8`) for URLs that might have the extension as a query parameter
                 // e.g. https://youtube.com/?v=7894289374&type=m3u8
                 const hasExtensionInUrl = sUrl.match(new RegExp(`(${extension})`, 'i'));
                 if (hasExtensionInUrl) {
                     return (this._videoType = mimeType);
                 }
-            });
+            }
             // we check for not supported extensions for URLs that have the extension in the filename
             // e.g. https://vimeo.com/?file=not-supported-extension-video.mkv
             const hasNotSupportedDotExtension = sUrl.match(/\.(.*)/i);
@@ -264,7 +266,7 @@ export class VideoPlayer {
             }
             // we check for not supported extensions for URLs that might have the extension as a query parameter
             // e.g. https://youtube.com/?v=3982748927&filetype=mkv
-            const hasNotSupportedExtensionInUrl = sUrl.match(new RegExp(`(${possibleQueryParameterExtensions.join('|')})=+(.*)&?(?=&|$))`, 'i'));
+            const hasNotSupportedExtensionInUrl = sUrl.match(new RegExp(`(${possibleQueryParameterExtensions.join('|')})=+(.*)&?(?=&|$)`, 'i'));
             if (hasNotSupportedExtensionInUrl) {
                 return (this._videoType = null);
             }

package/dist/esm/web-utils/videoplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoplayer.js","sourceRoot":"","sources":["../../../src/web-utils/videoplayer.ts"],"names":[],"mappings":"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","sourcesContent":["import Hls from 'hls.js';\n\nimport type { videoMimeType } from './video-types';\nimport { videoTypes, possibleQueryParameterExtensions } from './video-types';\n\nexport class VideoPlayer {\n  public videoEl: HTMLVideoElement | undefined;\n  public pipMode = false;\n  public pipWindow: Window | undefined;\n  public isPlaying: boolean | undefined;\n\n  private _url: string;\n  private _playerId: string;\n  private _container: any;\n  private _mode: string;\n  private _width: number;\n  private _height: number;\n  private _zIndex: number;\n  private _initial: any;\n  private _videoType: videoMimeType | null = null;\n  private _videoContainer: any = null;\n  private _firstReadyToPlay = true;\n  private _isEnded = false;\n  private _videoRate = 1.0;\n  private _videoExitOnEnd = true;\n  private _videoLoopOnEnd = false;\n\n  constructor(\n    mode: string,\n    url: string,\n    playerId: string,\n    rate: number,\n    exitOnEnd: boolean,\n    loopOnEnd: boolean,\n    container: any,\n    zIndex: number,\n    width?: number,\n    height?: number,\n  ) {\n    this._url = url;\n    this._container = container;\n    this._mode = mode;\n    this._width = width ? width : 320;\n    this._height = height ? height : 180;\n    this._mode = mode;\n    this._videoRate = rate;\n    this._zIndex = zIndex ? zIndex : 1;\n    this._playerId = playerId;\n    this._videoExitOnEnd = exitOnEnd;\n    this._videoLoopOnEnd = loopOnEnd;\n  }\n\n  public async initialize(): Promise<void> {\n    // get the video type\n    const urlVideoType: videoMimeType | null = this._getVideoType();\n    if (urlVideoType) {\n      // style the container\n      if (this._mode === 'fullscreen') {\n        this._container.style.position = 'absolute';\n        this._container.style.width = '100vw';\n        this._container.style.height = '100vh';\n      }\n      if (this._mode === 'embedded') {\n        this._container.style.position = 'relative';\n        this._container.style.width = this._width.toString() + 'px';\n        this._container.style.height = this._height.toString() + 'px';\n      }\n      this._container.style.left = '0';\n      this._container.style.top = '0';\n      this._container.style.display = 'flex';\n      this._container.style.alignItems = 'center';\n      this._container.style.justifyContent = 'center';\n      this._container.style.backgroundColor = '#000000';\n      this._container.style.zIndex = this._zIndex.toString();\n      const width: number =\n        this._mode === 'fullscreen' ? window.innerWidth /*this._container.offsetWidth*/ : this._width;\n      const height: number =\n        this._mode === 'fullscreen' ? window.innerHeight /*this._container.offsetHeight*/ : this._height;\n      const xmlns = 'http://www.w3.org/2000/svg';\n\n      const svg = document.createElementNS(xmlns, 'svg');\n      svg.setAttributeNS(null, 'width', width.toString());\n      svg.setAttributeNS(null, 'height', height.toString());\n      const viewbox = '0 0 ' + width.toString() + ' ' + height.toString();\n      svg.setAttributeNS(null, 'viewBox', viewbox);\n      svg.style.zIndex = (this._zIndex + 1).toString();\n      const rect = document.createElementNS(xmlns, 'rect');\n      rect.setAttributeNS(null, 'x', '0');\n      rect.setAttributeNS(null, 'y', '0');\n      rect.setAttributeNS(null, 'width', width.toString());\n      rect.setAttributeNS(null, 'height', height.toString());\n      rect.setAttributeNS(null, 'fill', '#000000');\n      svg.appendChild(rect);\n      this._container.appendChild(svg);\n\n      const heightVideo: number = (width * this._height) / this._width;\n      this._videoContainer = document.createElement('div');\n      this._videoContainer.style.position = 'absolute';\n      this._videoContainer.style.left = '0';\n      this._videoContainer.style.width = width.toString() + 'px';\n      this._videoContainer.style.height = heightVideo.toString() + 'px';\n      this._videoContainer.style.zIndex = (this._zIndex + 2).toString();\n      this._container.appendChild(this._videoContainer);\n      /*   Create Video Element */\n      const isCreated = await this.createVideoElement(width, heightVideo);\n      if (!isCreated) {\n        this._createEvent('Exit', this._playerId, 'Video Error: failed to create the Video Element');\n      }\n    } else {\n      this._createEvent('Exit', this._playerId, 'Url Error: type not supported');\n    }\n    return;\n  }\n\n  private async createVideoElement(width: number, height: number): Promise<boolean> {\n    this.videoEl = document.createElement('video');\n    this.videoEl.controls = true;\n    this.videoEl.style.zIndex = (this._zIndex + 3).toString();\n    this.videoEl.style.width = `${width.toString()}px`;\n    this.videoEl.style.height = `${height.toString()}px`;\n    this.videoEl.playbackRate = this._videoRate;\n    this._videoContainer.appendChild(this.videoEl);\n    // set the player\n    const isSet: boolean = await this._setPlayer();\n    if (isSet) {\n      this.videoEl.onended = async () => {\n        this._isEnded = true;\n        this.isPlaying = false;\n        if (this.videoEl) {\n          this.videoEl.currentTime = 0;\n        }\n        if (this._videoExitOnEnd) {\n          if (this._mode === 'fullscreen') {\n            this._closeFullscreen();\n          }\n          this._createEvent('Ended', this._playerId);\n        } else {\n          if (this._videoLoopOnEnd && this.videoEl != null) {\n            await this.videoEl.play();\n          }\n        }\n      };\n      this.videoEl.oncanplay = async () => {\n        if (this._firstReadyToPlay) {\n          this._createEvent('Ready', this._playerId);\n          if (this.videoEl != null) {\n            this.videoEl.muted = false;\n            if (this._mode === 'fullscreen') await this.videoEl.play();\n            this._firstReadyToPlay = false;\n          }\n        }\n      };\n      this.videoEl.onplay = () => {\n        this.isPlaying = true;\n        if (this._firstReadyToPlay) this._firstReadyToPlay = false;\n        this._createEvent('Play', this._playerId);\n      };\n      this.videoEl.onplaying = () => {\n        this._createEvent('Playing', this._playerId);\n      };\n      this.videoEl.onpause = () => {\n        this.isPlaying = false;\n        this._createEvent('Pause', this._playerId);\n      };\n      if (this._mode === 'fullscreen') {\n        // create the video player exit button\n        const exitEl: HTMLButtonElement = document.createElement('button');\n        exitEl.textContent = 'X';\n        exitEl.style.position = 'absolute';\n        exitEl.style.left = '1%';\n        exitEl.style.top = '5%';\n        exitEl.style.width = '5vmin';\n        exitEl.style.padding = '0.5%';\n        exitEl.style.fontSize = '1.2rem';\n        exitEl.style.background = 'rgba(51,51,51,.4)';\n        exitEl.style.color = '#fff';\n        exitEl.style.visibility = 'hidden';\n        exitEl.style.zIndex = (this._zIndex + 4).toString();\n        exitEl.style.border = '1px solid rgba(51,51,51,.4)';\n        exitEl.style.borderRadius = '20px';\n        this._videoContainer.onclick = async () => {\n          this._initial = await this._doHide(exitEl, 3000);\n        };\n        this._videoContainer.ontouchstart = async () => {\n          this._initial = await this._doHide(exitEl, 3000);\n        };\n\n        this._videoContainer.onmousemove = async () => {\n          this._initial = await this._doHide(exitEl, 3000);\n        };\n\n        exitEl.onclick = () => {\n          this._createEvent('Exit', this._playerId);\n        };\n        exitEl.ontouchstart = () => {\n          this._createEvent('Exit', this._playerId);\n        };\n\n        this._videoContainer.appendChild(exitEl);\n        this._initial = await this._doHide(exitEl, 3000);\n\n        this._goFullscreen();\n      }\n    }\n    return isSet;\n  }\n\n  private async _goFullscreen(): Promise<void> {\n    if (this._container.mozRequestFullScreen) {\n      /* Firefox */\n      this._container.mozRequestFullScreen();\n    } else if (this._container.webkitRequestFullscreen) {\n      /* Chrome, Safari & Opera */\n      this._container.webkitRequestFullscreen();\n    } else if (this._container.msRequestFullscreen) {\n      /* IE/Edge */\n      this._container.msRequestFullscreen();\n    } else if (this._container.requestFullscreen) {\n      this._container.requestFullscreen();\n    }\n    return;\n  }\n\n  private async _setPlayer(): Promise<boolean> {\n    return new Promise((resolve) => {\n      if (this.videoEl != null) {\n        if (Hls.isSupported() && this._videoType === 'application/x-mpegURL') {\n          const hls = new Hls();\n          hls.loadSource(this._url);\n          hls.attachMedia(this.videoEl);\n          hls.once(Hls.Events.FRAG_PARSED, () => {\n            if (this.videoEl != null) {\n              this.videoEl.muted = true;\n              this.videoEl.crossOrigin = 'anonymous';\n              resolve(true);\n            } else {\n              resolve(false);\n            }\n          });\n        } else if (this._videoType === 'video/mp4') {\n          // CMAF (fMP4) && MP4\n          this.videoEl.src = this._url;\n          if (this._url.substring(0, 5) != 'https' && this._url.substring(0, 4) === 'http')\n            this.videoEl.crossOrigin = 'anonymous';\n          if (this._url.substring(0, 5) === 'https' || this._url.substring(0, 4) === 'http') this.videoEl.muted = true;\n          resolve(true);\n        } else {\n          // Not Supported\n          resolve(false);\n        }\n        this.videoEl.addEventListener('enterpictureinpicture', (event: any) => {\n          this.pipWindow = event.pictureInPictureWindow;\n          this.pipMode = true;\n          this._closeFullscreen();\n        });\n\n        this.videoEl.addEventListener('leavepictureinpicture', () => {\n          this.pipMode = false;\n          if (!this._isEnded) {\n            this._goFullscreen();\n            if (this.videoEl != null) this.videoEl.play();\n          }\n        });\n      } else {\n        resolve(false);\n      }\n    });\n  }\n\n  private _getVideoType(): videoMimeType | null {\n    const sUrl: string = this._url ? this._url : '';\n    if (sUrl != null && sUrl.length > 0) {\n      Object.entries(videoTypes).forEach(([extension, mimeType]) => {\n        // we search for dot + extension (e.g. `.mp4`) for URLs that have the extension in the filename\n        // e.g. https://vimeo.com/?file=my-video.mp4\n        const hasDotExtension = sUrl.match(new RegExp(`.(${extension})`, 'i'));\n        if (hasDotExtension) {\n          return (this._videoType = mimeType);\n        }\n        // we search for the extension (e.g. `m3u8`) for URLs that might have the extension as a query parameter\n        // e.g. https://youtube.com/?v=7894289374&type=m3u8\n        const hasExtensionInUrl = sUrl.match(new RegExp(`(${extension})`, 'i'));\n        if (hasExtensionInUrl) {\n          return (this._videoType = mimeType);\n        }\n      });\n      // we check for not supported extensions for URLs that have the extension in the filename\n      // e.g. https://vimeo.com/?file=not-supported-extension-video.mkv\n      const hasNotSupportedDotExtension = sUrl.match(/\\.(.*)/i);\n      if (hasNotSupportedDotExtension) {\n        return (this._videoType = null);\n      }\n      // we check for not supported extensions for URLs that might have the extension as a query parameter\n      // e.g. https://youtube.com/?v=3982748927&filetype=mkv\n      const hasNotSupportedExtensionInUrl = sUrl.match(\n        new RegExp(`(${possibleQueryParameterExtensions.join('|')})=+(.*)&?(?=&|$))`, 'i'),\n      );\n      if (hasNotSupportedExtensionInUrl) {\n        return (this._videoType = null);\n      }\n      // No extension found, then we assume it's 'mp4' (Match case for '')\n      return 'video/mp4';\n    }\n    // URL was not defined, we return null\n    return null;\n  }\n\n  private async _doHide(exitEl: HTMLButtonElement, duration: number) {\n    clearTimeout(this._initial);\n    exitEl.style.visibility = 'visible';\n    const initial = setTimeout(() => {\n      exitEl.style.visibility = 'hidden';\n    }, duration);\n    return initial;\n  }\n  private _createEvent(ev: string, playerId: string, msg?: string) {\n    const message = msg ? msg : null;\n    let event: CustomEvent;\n    if (message != null) {\n      event = new CustomEvent(`videoPlayer${ev}`, {\n        detail: { fromPlayerId: playerId, message: message },\n      });\n    } else {\n      const currentTime: number = this.videoEl ? this.videoEl.currentTime : 0;\n      event = new CustomEvent(`videoPlayer${ev}`, {\n        detail: { fromPlayerId: playerId, currentTime: currentTime },\n      });\n    }\n    document.dispatchEvent(event);\n  }\n  private _closeFullscreen() {\n    const mydoc: any = document;\n    const isInFullScreen: boolean =\n      (mydoc.fullscreenElement && mydoc.fullscreenElement !== null) ||\n      (mydoc.webkitFullscreenElement && mydoc.webkitFullscreenElement !== null) ||\n      (mydoc.mozFullScreenElement && mydoc.mozFullScreenElement !== null) ||\n      (mydoc.msFullscreenElement && mydoc.msFullscreenElement !== null);\n    if (isInFullScreen) {\n      if (mydoc.mozCancelFullScreen) {\n        mydoc.mozCancelFullScreen();\n      } else if (mydoc.webkitExitFullscreen) {\n        mydoc.webkitExitFullscreen();\n      } else if (mydoc.msExitFullscreen) {\n        mydoc.msExitFullscreen();\n      } else if (mydoc.exitFullscreen) {\n        mydoc.exitFullscreen();\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"videoplayer.js","sourceRoot":"","sources":["../../../src/web-utils/videoplayer.ts"],"names":[],"mappings":"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","sourcesContent":["import Hls from 'hls.js';\n\nimport type { videoMimeType } from './video-types';\nimport { videoTypes, possibleQueryParameterExtensions } from './video-types';\n\nexport class VideoPlayer {\n  public videoEl: HTMLVideoElement | undefined;\n  public pipMode = false;\n  public pipWindow: Window | undefined;\n  public isPlaying: boolean | undefined;\n\n  private _url: string;\n  private _playerId: string;\n  private _container: any;\n  private _mode: string;\n  private _width: number;\n  private _height: number;\n  private _zIndex: number;\n  private _initial: any;\n  private _videoType: videoMimeType | null = null;\n  private _videoContainer: any = null;\n  private _firstReadyToPlay = true;\n  private _isEnded = false;\n  private _videoRate = 1.0;\n  private _videoExitOnEnd = true;\n  private _videoLoopOnEnd = false;\n\n  constructor(\n    mode: string,\n    url: string,\n    playerId: string,\n    rate: number,\n    exitOnEnd: boolean,\n    loopOnEnd: boolean,\n    container: any,\n    zIndex: number,\n    width?: number,\n    height?: number,\n  ) {\n    this._url = url;\n    this._container = container;\n    this._mode = mode;\n    this._width = width ? width : 320;\n    this._height = height ? height : 180;\n    this._mode = mode;\n    this._videoRate = rate;\n    this._zIndex = zIndex ? zIndex : 1;\n    this._playerId = playerId;\n    this._videoExitOnEnd = exitOnEnd;\n    this._videoLoopOnEnd = loopOnEnd;\n  }\n\n  public async initialize(): Promise<void> {\n    // get the video type\n    const urlVideoType: videoMimeType | null = this._getVideoType();\n    if (urlVideoType) {\n      // style the container\n      if (this._mode === 'fullscreen') {\n        this._container.style.position = 'absolute';\n        this._container.style.width = '100vw';\n        this._container.style.height = '100vh';\n      }\n      if (this._mode === 'embedded') {\n        this._container.style.position = 'relative';\n        this._container.style.width = this._width.toString() + 'px';\n        this._container.style.height = this._height.toString() + 'px';\n      }\n      this._container.style.left = '0';\n      this._container.style.top = '0';\n      this._container.style.display = 'flex';\n      this._container.style.alignItems = 'center';\n      this._container.style.justifyContent = 'center';\n      this._container.style.backgroundColor = '#000000';\n      this._container.style.zIndex = this._zIndex.toString();\n      const width: number =\n        this._mode === 'fullscreen' ? window.innerWidth /*this._container.offsetWidth*/ : this._width;\n      const height: number =\n        this._mode === 'fullscreen' ? window.innerHeight /*this._container.offsetHeight*/ : this._height;\n      const xmlns = 'http://www.w3.org/2000/svg';\n\n      const svg = document.createElementNS(xmlns, 'svg');\n      svg.setAttributeNS(null, 'width', width.toString());\n      svg.setAttributeNS(null, 'height', height.toString());\n      const viewbox = '0 0 ' + width.toString() + ' ' + height.toString();\n      svg.setAttributeNS(null, 'viewBox', viewbox);\n      svg.style.zIndex = (this._zIndex + 1).toString();\n      const rect = document.createElementNS(xmlns, 'rect');\n      rect.setAttributeNS(null, 'x', '0');\n      rect.setAttributeNS(null, 'y', '0');\n      rect.setAttributeNS(null, 'width', width.toString());\n      rect.setAttributeNS(null, 'height', height.toString());\n      rect.setAttributeNS(null, 'fill', '#000000');\n      svg.appendChild(rect);\n      this._container.appendChild(svg);\n\n      const heightVideo: number = (width * this._height) / this._width;\n      this._videoContainer = document.createElement('div');\n      this._videoContainer.style.position = 'absolute';\n      this._videoContainer.style.left = '0';\n      this._videoContainer.style.width = width.toString() + 'px';\n      this._videoContainer.style.height = heightVideo.toString() + 'px';\n      this._videoContainer.style.zIndex = (this._zIndex + 2).toString();\n      this._container.appendChild(this._videoContainer);\n      /*   Create Video Element */\n      const isCreated = await this.createVideoElement(width, heightVideo);\n      if (!isCreated) {\n        this._createEvent('Exit', this._playerId, 'Video Error: failed to create the Video Element');\n      }\n    } else {\n      this._createEvent('Exit', this._playerId, 'Url Error: type not supported');\n    }\n    return;\n  }\n\n  private async createVideoElement(width: number, height: number): Promise<boolean> {\n    this.videoEl = document.createElement('video');\n    this.videoEl.controls = true;\n    this.videoEl.style.zIndex = (this._zIndex + 3).toString();\n    this.videoEl.style.width = `${width.toString()}px`;\n    this.videoEl.style.height = `${height.toString()}px`;\n    this.videoEl.playbackRate = this._videoRate;\n    this._videoContainer.appendChild(this.videoEl);\n    // set the player\n    const isSet: boolean = await this._setPlayer();\n    if (isSet) {\n      this.videoEl.onended = async () => {\n        this._isEnded = true;\n        this.isPlaying = false;\n        if (this.videoEl) {\n          this.videoEl.currentTime = 0;\n        }\n        if (this._videoExitOnEnd) {\n          if (this._mode === 'fullscreen') {\n            this._closeFullscreen();\n          }\n          this._createEvent('Ended', this._playerId);\n        } else {\n          if (this._videoLoopOnEnd && this.videoEl != null) {\n            await this.videoEl.play();\n          }\n        }\n      };\n      this.videoEl.oncanplay = async () => {\n        if (this._firstReadyToPlay) {\n          this._createEvent('Ready', this._playerId);\n          if (this.videoEl != null) {\n            this.videoEl.muted = false;\n            if (this._mode === 'fullscreen') await this.videoEl.play();\n            this._firstReadyToPlay = false;\n          }\n        }\n      };\n      this.videoEl.onplay = () => {\n        this.isPlaying = true;\n        if (this._firstReadyToPlay) this._firstReadyToPlay = false;\n        this._createEvent('Play', this._playerId);\n      };\n      this.videoEl.onplaying = () => {\n        this._createEvent('Playing', this._playerId);\n      };\n      this.videoEl.onpause = () => {\n        this.isPlaying = false;\n        this._createEvent('Pause', this._playerId);\n      };\n      if (this._mode === 'fullscreen') {\n        // create the video player exit button\n        const exitEl: HTMLButtonElement = document.createElement('button');\n        exitEl.textContent = 'X';\n        exitEl.style.position = 'absolute';\n        exitEl.style.left = '1%';\n        exitEl.style.top = '5%';\n        exitEl.style.width = '5vmin';\n        exitEl.style.padding = '0.5%';\n        exitEl.style.fontSize = '1.2rem';\n        exitEl.style.background = 'rgba(51,51,51,.4)';\n        exitEl.style.color = '#fff';\n        exitEl.style.visibility = 'hidden';\n        exitEl.style.zIndex = (this._zIndex + 4).toString();\n        exitEl.style.border = '1px solid rgba(51,51,51,.4)';\n        exitEl.style.borderRadius = '20px';\n        this._videoContainer.onclick = async () => {\n          this._initial = await this._doHide(exitEl, 3000);\n        };\n        this._videoContainer.ontouchstart = async () => {\n          this._initial = await this._doHide(exitEl, 3000);\n        };\n\n        this._videoContainer.onmousemove = async () => {\n          this._initial = await this._doHide(exitEl, 3000);\n        };\n\n        exitEl.onclick = () => {\n          this._createEvent('Exit', this._playerId);\n        };\n        exitEl.ontouchstart = () => {\n          this._createEvent('Exit', this._playerId);\n        };\n\n        this._videoContainer.appendChild(exitEl);\n        this._initial = await this._doHide(exitEl, 3000);\n\n        this._goFullscreen();\n      }\n    }\n    return isSet;\n  }\n\n  private async _goFullscreen(): Promise<void> {\n    if (this._container.mozRequestFullScreen) {\n      /* Firefox */\n      this._container.mozRequestFullScreen();\n    } else if (this._container.webkitRequestFullscreen) {\n      /* Chrome, Safari & Opera */\n      this._container.webkitRequestFullscreen();\n    } else if (this._container.msRequestFullscreen) {\n      /* IE/Edge */\n      this._container.msRequestFullscreen();\n    } else if (this._container.requestFullscreen) {\n      this._container.requestFullscreen();\n    }\n    return;\n  }\n\n  private async _setPlayer(): Promise<boolean> {\n    return new Promise((resolve) => {\n      if (this.videoEl != null) {\n        if (Hls.isSupported() && this._videoType === 'application/x-mpegURL') {\n          const hls = new Hls();\n          hls.loadSource(this._url);\n          hls.attachMedia(this.videoEl);\n          hls.once(Hls.Events.FRAG_PARSED, () => {\n            if (this.videoEl != null) {\n              this.videoEl.muted = true;\n              this.videoEl.crossOrigin = 'anonymous';\n              resolve(true);\n            } else {\n              resolve(false);\n            }\n          });\n        } else if (this._videoType === 'video/mp4') {\n          // CMAF (fMP4) && MP4\n          this.videoEl.src = this._url;\n          if (this._url.substring(0, 5) != 'https' && this._url.substring(0, 4) === 'http')\n            this.videoEl.crossOrigin = 'anonymous';\n          if (this._url.substring(0, 5) === 'https' || this._url.substring(0, 4) === 'http') this.videoEl.muted = true;\n          resolve(true);\n        } else {\n          // Not Supported\n          resolve(false);\n        }\n        this.videoEl.addEventListener('enterpictureinpicture', (event: any) => {\n          this.pipWindow = event.pictureInPictureWindow;\n          this.pipMode = true;\n          this._closeFullscreen();\n        });\n\n        this.videoEl.addEventListener('leavepictureinpicture', () => {\n          this.pipMode = false;\n          if (!this._isEnded) {\n            this._goFullscreen();\n            if (this.videoEl != null) this.videoEl.play();\n          }\n        });\n      } else {\n        resolve(false);\n      }\n    });\n  }\n\n  private _getVideoType(): videoMimeType | null {\n    const sUrl: string = this._url ? this._url : '';\n    if (sUrl != null && sUrl.length > 0) {\n      for (const [extension, mimeType] of Object.entries(videoTypes)) {\n        // we search for dot + extension (e.g. `.mp4`) for URLs that have the extension in the filename\n        // e.g. https://vimeo.com/?file=my-video.mp4\n        const hasDotExtension = sUrl.match(new RegExp(`\\\\.(${extension})(?=[?&#]|$)`, 'i'));\n        if (hasDotExtension) {\n          return (this._videoType = mimeType);\n        }\n      }\n      for (const [extension, mimeType] of Object.entries(videoTypes)) {\n        // we search for the extension (e.g. `m3u8`) for URLs that might have the extension as a query parameter\n        // e.g. https://youtube.com/?v=7894289374&type=m3u8\n        const hasExtensionInUrl = sUrl.match(new RegExp(`(${extension})`, 'i'));\n        if (hasExtensionInUrl) {\n          return (this._videoType = mimeType);\n        }\n      }\n      // we check for not supported extensions for URLs that have the extension in the filename\n      // e.g. https://vimeo.com/?file=not-supported-extension-video.mkv\n      const hasNotSupportedDotExtension = sUrl.match(/\\.(.*)/i);\n      if (hasNotSupportedDotExtension) {\n        return (this._videoType = null);\n      }\n      // we check for not supported extensions for URLs that might have the extension as a query parameter\n      // e.g. https://youtube.com/?v=3982748927&filetype=mkv\n      const hasNotSupportedExtensionInUrl = sUrl.match(\n        new RegExp(`(${possibleQueryParameterExtensions.join('|')})=+(.*)&?(?=&|$)`, 'i'),\n      );\n      if (hasNotSupportedExtensionInUrl) {\n        return (this._videoType = null);\n      }\n      // No extension found, then we assume it's 'mp4' (Match case for '')\n      return 'video/mp4';\n    }\n    // URL was not defined, we return null\n    return null;\n  }\n\n  private async _doHide(exitEl: HTMLButtonElement, duration: number) {\n    clearTimeout(this._initial);\n    exitEl.style.visibility = 'visible';\n    const initial = setTimeout(() => {\n      exitEl.style.visibility = 'hidden';\n    }, duration);\n    return initial;\n  }\n  private _createEvent(ev: string, playerId: string, msg?: string) {\n    const message = msg ? msg : null;\n    let event: CustomEvent;\n    if (message != null) {\n      event = new CustomEvent(`videoPlayer${ev}`, {\n        detail: { fromPlayerId: playerId, message: message },\n      });\n    } else {\n      const currentTime: number = this.videoEl ? this.videoEl.currentTime : 0;\n      event = new CustomEvent(`videoPlayer${ev}`, {\n        detail: { fromPlayerId: playerId, currentTime: currentTime },\n      });\n    }\n    document.dispatchEvent(event);\n  }\n  private _closeFullscreen() {\n    const mydoc: any = document;\n    const isInFullScreen: boolean =\n      (mydoc.fullscreenElement && mydoc.fullscreenElement !== null) ||\n      (mydoc.webkitFullscreenElement && mydoc.webkitFullscreenElement !== null) ||\n      (mydoc.mozFullScreenElement && mydoc.mozFullScreenElement !== null) ||\n      (mydoc.msFullscreenElement && mydoc.msFullscreenElement !== null);\n    if (isInFullScreen) {\n      if (mydoc.mozCancelFullScreen) {\n        mydoc.mozCancelFullScreen();\n      } else if (mydoc.webkitExitFullscreen) {\n        mydoc.webkitExitFullscreen();\n      } else if (mydoc.msExitFullscreen) {\n        mydoc.msExitFullscreen();\n      } else if (mydoc.exitFullscreen) {\n        mydoc.exitFullscreen();\n      }\n    }\n  }\n}\n"]}