v1.0.1

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change log
 
+## 1.0.1
+
+- Use activeTab and scripting instead
+
 ## 1.0.0
 
 - Migrate to MV3

manifest.json

@@ -7,18 +7,11 @@
     "16": "icons/icon16.png",
     "128": "icons/icon128.png"
   },
-  "permissions": ["tabCapture"],
+  "permissions": ["tabCapture", "activeTab", "scripting"],
   "background": {
     "service_worker": "src/background.ts",
     "type": "module"
   },
-  "content_scripts": [
-    {
-      "matches": ["<all_urls>"],
-      "js": ["src/content.ts"],
-      "run_at": "document_start"
-    }
-  ],
   "action": {
     "default_icon": {
       "16": "icons/icon16.png",

src/background.ts

@@ -1,9 +1,54 @@
+const runPipScript = async (tabId: number) => {
+  if (!document.pictureInPictureElement) {
+    const { streamId }: { streamId: string } = await chrome.runtime.sendMessage(
+      {
+        action: "GET_STREAM_ID",
+        tabId,
+      }
+    );
+
+    const stream = await navigator.mediaDevices.getUserMedia({
+      video: {
+        mandatory: {
+          minWidth: 50,
+          minHeight: 50,
+          maxWidth: 1920,
+          maxHeight: 1080,
+          minFrameRate: 10,
+          maxFrameRate: 60,
+          chromeMediaSource: "tab",
+          chromeMediaSourceId: streamId,
+        },
+      } as any,
+      audio: false,
+    });
+
+    const video = document.createElement("video");
+    video.srcObject = stream;
+
+    video.addEventListener("loadedmetadata", () => {
+      video.requestPictureInPicture();
+      video.play();
+    });
+
+    video.addEventListener("leavepictureinpicture", () => {
+      stream.getTracks().forEach((t) => t.stop());
+    });
+  } else {
+    document.exitPictureInPicture();
+  }
+};
+
 chrome.action.onClicked.addListener(async (tab) => {
   if (tab.id && tab.url) {
     if (tab.url.startsWith("chrome://")) {
       // noop
     } else {
-      await chrome.tabs.sendMessage(tab.id!, { tabId: tab.id });
+      await chrome.scripting.executeScript({
+        target: { tabId: tab.id },
+        func: runPipScript,
+        args: [tab.id],
+      });
     }
   }
 });