videoplayer-extension 1.0.0 → 1.1.1

package/README.md

@@ -6,21 +6,78 @@ https://sharkiller.dev/videoplayer/
 
 https://github.com/sharkiller/Reproductor-MPD-M3U8
 
+### How to use
+
+https://github.com/sharkiller/Reproductor-MPD-M3U8/wiki/Embed-player
+
 ### Required
 
-⚠️ This validate VideoPlayer Extension installation version > `26.1.5.8388`
+⚠️ This validate VideoPlayer Extension and get the path of the players on different browsers.
 
-## Direct Usage
+## Direct Usage Example
 ```html
+<!-- Use unpkg, or you can host the script on your own. -->
 <script src="https://unpkg.com/videoplayer-extension@latest/index.min.js"></script>
 
 <script>
     (async () => {
-        console.log('getInstallUrl()? ', VideoPlayer.getInstallUrl());
+        // This check if the extension is installed and populate the variables.
         const vp = await VideoPlayer.init();
-        console.log('isInstalled()? ', vp.isInstalled());
-        console.log('getDirectPlayer()? ', vp.getDirectPlayer());
-        console.log('getIPTVPlayer()? ', vp.getIPTVPlayer());
+
+        // Ask if the extension could be found
+        if ( vp.isInstalled() ) {
+            // Firefox: moz-extension://{RANDOM-UUID}/pages/player.html
+            // Chrome: chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/pages/player.html
+            let direct_player_url = vp.getDirectPlayer();
+
+            // Firefox: moz-extension://{RANDOM-UUID}/iptv/player.html
+            // Chrome: chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/iptv/player.html
+            let iptv_player_url = vp.getIPTVPlayer();
+
+            /**
+             * Your code when the extension is found.
+             */
+
+                    // Example
+            const extension_url = new URL(direct_player_url);
+
+            const media_url = new URL('https://livesim.dashif.org/livesim2/testpic4_8s/Manifest.mpd');
+            media_url.searchParams.set('title', 'Stream Test Example');
+            // HTTP Headers example
+            media_url.searchParams.set('headers', btoa(JSON.stringify({
+                'User-Agent': 'VideoPlayer Extension',
+                'referer': 'https://sharkiller.dev/videoplayer/',
+            })));
+            // ClearKey example
+            media_url.searchParams.set('ck', btoa(JSON.stringify({
+                "11223344556677889900aabbccddeeff":"11223344556677889900aabbccddeeff",
+                "223344556677889900aabbccddeeff11":"223344556677889900aabbccddeeff11",
+                "3344556677889900aabbccddeeff1122":"3344556677889900aabbccddeeff1122"
+            })));
+
+            // Or you can assign, to the extension hash, your full media url directly
+            extension_url.hash = media_url.href;
+
+            const iframe = document.querySelector('iframe.example');
+            iframe.setAttribute('src', extension_url.href);
+            iframe.style.display = 'block';
+
+        } else {
+            // Return https://sharkiller.dev/videoplayer/ to let users install the extension.
+            let install_url = VideoPlayer.getInstallUrl();
+
+            /**
+             * Your code when the extension cannot be found.
+             */
+
+                    // Example
+            const div = document.querySelector('div.install');
+            div.innerHTML = `Install the extension: <a href="${install_url}" target="_blank">${install_url}</a>`;
+            div.style.display = 'block';
+        }
     })();
 </script>
+
+<div class="install" style="display: none"></div>
+<iframe class="example" allow="encrypted-media *; autoplay" width="1280" height="720" style="display: none"></iframe>
 ```

package/index.js

@@ -49,6 +49,13 @@ class VideoPlayer {
                 const result = regex.exec(response.url);
                 this.#extensionUrl = result[1];
                 this.#isInstalled = true;
+            }else{
+                // Fallback old Chrome versions
+                const response = await fetch('chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/play-on.png', {method: 'HEAD'});
+                if (response.ok && response.status === 200 ) {
+                    this.#extensionUrl = 'chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/';
+                    this.#isInstalled = true;
+                }
             }
         } catch (error) {}
     }

package/index.min.js

@@ -1,2 +1,2 @@
-class VideoPlayer{#i=!1;#t=!1;#e=!1;constructor(i){"init"===i?this.#i=!0:console.warn("Use: const videoplayer = await VideoPlayer.init();")}static getInstallUrl(){return"https://sharkiller.dev/videoplayer/"}static async init(){const i=new VideoPlayer("init");return await i.checkExtension(),i}async checkExtension(){if(this.#s())try{const i=await fetch("isInstalled.mpd",{method:"HEAD",redirect:"follow"});if(i.redirected&&i.url.endsWith("/pages/player.html")){const t=/^(.*\/)pages\/player\.html$/i.exec(i.url);this.#e=t[1],this.#t=!0}}catch(i){}}#s(){return this.#i||console.warn("VideoPlayer class not initialized! Use first: const videoplayer = await VideoPlayer.init();"),this.#i}isInstalled(){return!!this.#s()&&this.#t}getDirectPlayer(){return this.#s()&&this.#t?this.#e+"pages/player.html":(console.warn("VideoPlayer extension is not installed! Check isInstalled() first."),!1)}getIPTVPlayer(){return this.#s()&&this.#t?this.#e+"iptv/player.html":(console.warn("VideoPlayer extension is not installed! Check isInstalled() first."),!1)}}window.VideoPlayer=VideoPlayer;
+class VideoPlayer{#e=!1;#i=!1;#t=!1;constructor(e){"init"===e?this.#e=!0:console.warn("Use: const videoplayer = await VideoPlayer.init();")}static getInstallUrl(){return"https://sharkiller.dev/videoplayer/"}static async init(){const e=new VideoPlayer("init");return await e.checkExtension(),e}async checkExtension(){if(this.#s())try{const e=await fetch("isInstalled.mpd",{method:"HEAD",redirect:"follow"});if(e.redirected&&e.url.endsWith("/pages/player.html")){const i=/^(.*\/)pages\/player\.html$/i.exec(e.url);this.#t=i[1],this.#i=!0}else{const e=await fetch("chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/play-on.png",{method:"HEAD"});e.ok&&200===e.status&&(this.#t="chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/",this.#i=!0)}}catch(e){}}#s(){return this.#e||console.warn("VideoPlayer class not initialized! Use first: const videoplayer = await VideoPlayer.init();"),this.#e}isInstalled(){return!!this.#s()&&this.#i}getDirectPlayer(){return this.#s()&&this.#i?this.#t+"pages/player.html":(console.warn("VideoPlayer extension is not installed! Check isInstalled() first."),!1)}getIPTVPlayer(){return this.#s()&&this.#i?this.#t+"iptv/player.html":(console.warn("VideoPlayer extension is not installed! Check isInstalled() first."),!1)}}window.VideoPlayer=VideoPlayer;
 //# sourceMappingURL=index.min.js.map

package/index.min.js.map

@@ -1 +1 @@
-{"version":3,"names":["VideoPlayer","initialized","isInstalled","extensionUrl","constructor","init","this","console","warn","getInstallUrl","videoplayer","checkExtension","isInitialized","response","fetch","method","redirect","redirected","url","endsWith","result","exec","error","getDirectPlayer","getIPTVPlayer","window"],"sources":["index.js"],"sourcesContent":["/**\r\n * Check if the VideoPlayer Extension is installed\r\n * @classDesc Use the static init() method to initialize the class.\r\n * @author Sharkiller\r\n * @hideconstructor\r\n */\r\nclass VideoPlayer {\r\n\r\n    #initialized = false;\r\n    #isInstalled = false;\r\n    #extensionUrl = false;\r\n\r\n    constructor(init) {\r\n        if(init === 'init'){\r\n            this.#initialized = true;\r\n        }else{\r\n            console.warn(\"Use: const videoplayer = await VideoPlayer.init();\");\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Return installation link for the VideoPlayer Extension.\r\n     * @returns {string}\r\n     */\r\n    static getInstallUrl() {\r\n        return 'https://sharkiller.dev/videoplayer/';\r\n    }\r\n\r\n    /**\r\n     * Initializes the VideoPlayer detector.\r\n     * Must be called before using any instance methods.\r\n     * @returns {Promise<VideoPlayer>}\r\n     */\r\n    static async init() {\r\n        const videoplayer = new VideoPlayer('init');\r\n        await videoplayer.checkExtension();\r\n        return videoplayer;\r\n    }\r\n\r\n    async checkExtension() {\r\n        if (!this.#isInitialized()) {\r\n            return;\r\n        }\r\n        try {\r\n            const response = await fetch('isInstalled.mpd', {method: 'HEAD', redirect: 'follow'});\r\n\r\n            if (response.redirected && response.url.endsWith('/pages/player.html') ) {\r\n                const regex = /^(.*\\/)pages\\/player\\.html$/i;\r\n                const result = regex.exec(response.url);\r\n                this.#extensionUrl = result[1];\r\n                this.#isInstalled = true;\r\n            }\r\n        } catch (error) {}\r\n    }\r\n\r\n    #isInitialized() {\r\n        if (!this.#initialized) {\r\n            console.warn(\"VideoPlayer class not initialized! Use first: const videoplayer = await VideoPlayer.init();\");\r\n        }\r\n        return this.#initialized;\r\n    }\r\n\r\n    /**\r\n     * Returns TRUE if the VideoPlayer is installed or FALSE if not.\r\n     * @returns {boolean}\r\n     */\r\n    isInstalled() {\r\n        if (!this.#isInitialized()) {\r\n            return false;\r\n        }\r\n        return this.#isInstalled;\r\n    }\r\n\r\n    /**\r\n     * Return the full extension path to the Direct Player extension.\r\n     * @returns {string|false}\r\n     */\r\n    getDirectPlayer() {\r\n        if (!this.#isInitialized() || !this.#isInstalled) {\r\n            console.warn(\"VideoPlayer extension is not installed! Check isInstalled() first.\");\r\n            return false;\r\n        }\r\n        return this.#extensionUrl + 'pages/player.html';\r\n    }\r\n\r\n    /**\r\n     * Return the full extension path to the IPTV Player extension.\r\n     * @returns {string|false}\r\n     */\r\n    getIPTVPlayer() {\r\n        if (!this.#isInitialized() || !this.#isInstalled) {\r\n            console.warn(\"VideoPlayer extension is not installed! Check isInstalled() first.\");\r\n            return false;\r\n        }\r\n        return this.#extensionUrl + 'iptv/player.html';\r\n    }\r\n\r\n}\r\n\r\nwindow.VideoPlayer = VideoPlayer;"],"mappings":"AAMA,MAAMA,YAEFC,IAAe,EACfC,IAAe,EACfC,IAAgB,EAEhB,WAAAC,CAAYC,GACI,SAATA,EACCC,MAAKL,GAAe,EAEpBM,QAAQC,KAAK,qDAErB,CAMA,oBAAOC,GACH,MAAO,qCACX,CAOA,iBAAaJ,GACT,MAAMK,EAAc,IAAIV,YAAY,QAEpC,aADMU,EAAYC,iBACXD,CACX,CAEA,oBAAMC,GACF,GAAKL,MAAKM,IAGV,IACI,MAAMC,QAAiBC,MAAM,kBAAmB,CAACC,OAAQ,OAAQC,SAAU,WAE3E,GAAIH,EAASI,YAAcJ,EAASK,IAAIC,SAAS,sBAAwB,CACrE,MACMC,EADQ,+BACOC,KAAKR,EAASK,KACnCZ,MAAKH,EAAgBiB,EAAO,GAC5Bd,MAAKJ,GAAe,CACxB,CACJ,CAAE,MAAOoB,GAAQ,CACrB,CAEA,EAAAV,GAII,OAHKN,MAAKL,GACNM,QAAQC,KAAK,+FAEVF,MAAKL,CAChB,CAMA,WAAAC,GACI,QAAKI,MAAKM,KAGHN,MAAKJ,CAChB,CAMA,eAAAqB,GACI,OAAKjB,MAAKM,KAAqBN,MAAKJ,EAI7BI,MAAKH,EAAgB,qBAHxBI,QAAQC,KAAK,uEACN,EAGf,CAMA,aAAAgB,GACI,OAAKlB,MAAKM,KAAqBN,MAAKJ,EAI7BI,MAAKH,EAAgB,oBAHxBI,QAAQC,KAAK,uEACN,EAGf,EAIJiB,OAAOzB,YAAcA","ignoreList":[]}
+{"version":3,"names":["VideoPlayer","initialized","isInstalled","extensionUrl","constructor","init","this","console","warn","getInstallUrl","videoplayer","checkExtension","isInitialized","response","fetch","method","redirect","redirected","url","endsWith","result","exec","ok","status","error","getDirectPlayer","getIPTVPlayer","window"],"sources":["index.js"],"sourcesContent":["/**\r\n * Check if the VideoPlayer Extension is installed\r\n * @classDesc Use the static init() method to initialize the class.\r\n * @author Sharkiller\r\n * @hideconstructor\r\n */\r\nclass VideoPlayer {\r\n\r\n    #initialized = false;\r\n    #isInstalled = false;\r\n    #extensionUrl = false;\r\n\r\n    constructor(init) {\r\n        if(init === 'init'){\r\n            this.#initialized = true;\r\n        }else{\r\n            console.warn(\"Use: const videoplayer = await VideoPlayer.init();\");\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Return installation link for the VideoPlayer Extension.\r\n     * @returns {string}\r\n     */\r\n    static getInstallUrl() {\r\n        return 'https://sharkiller.dev/videoplayer/';\r\n    }\r\n\r\n    /**\r\n     * Initializes the VideoPlayer detector.\r\n     * Must be called before using any instance methods.\r\n     * @returns {Promise<VideoPlayer>}\r\n     */\r\n    static async init() {\r\n        const videoplayer = new VideoPlayer('init');\r\n        await videoplayer.checkExtension();\r\n        return videoplayer;\r\n    }\r\n\r\n    async checkExtension() {\r\n        if (!this.#isInitialized()) {\r\n            return;\r\n        }\r\n        try {\r\n            const response = await fetch('isInstalled.mpd', {method: 'HEAD', redirect: 'follow'});\r\n\r\n            if (response.redirected && response.url.endsWith('/pages/player.html') ) {\r\n                const regex = /^(.*\\/)pages\\/player\\.html$/i;\r\n                const result = regex.exec(response.url);\r\n                this.#extensionUrl = result[1];\r\n                this.#isInstalled = true;\r\n            }else{\r\n                // Fallback old Chrome versions\r\n                const response = await fetch('chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/play-on.png', {method: 'HEAD'});\r\n                if (response.ok && response.status === 200 ) {\r\n                    this.#extensionUrl = 'chrome-extension://opmeopcambhfimffbomjgemehjkbbmji/';\r\n                    this.#isInstalled = true;\r\n                }\r\n            }\r\n        } catch (error) {}\r\n    }\r\n\r\n    #isInitialized() {\r\n        if (!this.#initialized) {\r\n            console.warn(\"VideoPlayer class not initialized! Use first: const videoplayer = await VideoPlayer.init();\");\r\n        }\r\n        return this.#initialized;\r\n    }\r\n\r\n    /**\r\n     * Returns TRUE if the VideoPlayer is installed or FALSE if not.\r\n     * @returns {boolean}\r\n     */\r\n    isInstalled() {\r\n        if (!this.#isInitialized()) {\r\n            return false;\r\n        }\r\n        return this.#isInstalled;\r\n    }\r\n\r\n    /**\r\n     * Return the full extension path to the Direct Player extension.\r\n     * @returns {string|false}\r\n     */\r\n    getDirectPlayer() {\r\n        if (!this.#isInitialized() || !this.#isInstalled) {\r\n            console.warn(\"VideoPlayer extension is not installed! Check isInstalled() first.\");\r\n            return false;\r\n        }\r\n        return this.#extensionUrl + 'pages/player.html';\r\n    }\r\n\r\n    /**\r\n     * Return the full extension path to the IPTV Player extension.\r\n     * @returns {string|false}\r\n     */\r\n    getIPTVPlayer() {\r\n        if (!this.#isInitialized() || !this.#isInstalled) {\r\n            console.warn(\"VideoPlayer extension is not installed! Check isInstalled() first.\");\r\n            return false;\r\n        }\r\n        return this.#extensionUrl + 'iptv/player.html';\r\n    }\r\n\r\n}\r\n\r\nwindow.VideoPlayer = VideoPlayer;"],"mappings":"AAMA,MAAMA,YAEFC,IAAe,EACfC,IAAe,EACfC,IAAgB,EAEhB,WAAAC,CAAYC,GACI,SAATA,EACCC,MAAKL,GAAe,EAEpBM,QAAQC,KAAK,qDAErB,CAMA,oBAAOC,GACH,MAAO,qCACX,CAOA,iBAAaJ,GACT,MAAMK,EAAc,IAAIV,YAAY,QAEpC,aADMU,EAAYC,iBACXD,CACX,CAEA,oBAAMC,GACF,GAAKL,MAAKM,IAGV,IACI,MAAMC,QAAiBC,MAAM,kBAAmB,CAACC,OAAQ,OAAQC,SAAU,WAE3E,GAAIH,EAASI,YAAcJ,EAASK,IAAIC,SAAS,sBAAwB,CACrE,MACMC,EADQ,+BACOC,KAAKR,EAASK,KACnCZ,MAAKH,EAAgBiB,EAAO,GAC5Bd,MAAKJ,GAAe,CACxB,KAAK,CAED,MAAMW,QAAiBC,MAAM,kEAAmE,CAACC,OAAQ,SACrGF,EAASS,IAA0B,MAApBT,EAASU,SACxBjB,MAAKH,EAAgB,uDACrBG,MAAKJ,GAAe,EAE5B,CACJ,CAAE,MAAOsB,GAAQ,CACrB,CAEA,EAAAZ,GAII,OAHKN,MAAKL,GACNM,QAAQC,KAAK,+FAEVF,MAAKL,CAChB,CAMA,WAAAC,GACI,QAAKI,MAAKM,KAGHN,MAAKJ,CAChB,CAMA,eAAAuB,GACI,OAAKnB,MAAKM,KAAqBN,MAAKJ,EAI7BI,MAAKH,EAAgB,qBAHxBI,QAAQC,KAAK,uEACN,EAGf,CAMA,aAAAkB,GACI,OAAKpB,MAAKM,KAAqBN,MAAKJ,EAI7BI,MAAKH,EAAgB,oBAHxBI,QAAQC,KAAK,uEACN,EAGf,EAIJmB,OAAO3B,YAAcA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "videoplayer-extension",
-    "version": "1.0.0",
+    "version": "1.1.1",
     "description": "A helper library for VideoPlayer Browser Extension",
     "main": "index.js",
     "module": "index.js",