diff --git a/types/dom-mediacapture-fromelement/.npmignore b/types/dom-mediacapture-fromelement/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/dom-mediacapture-fromelement/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/dom-mediacapture-fromelement/dom-mediacapture-fromelement-tests.ts b/types/dom-mediacapture-fromelement/dom-mediacapture-fromelement-tests.ts
new file mode 100644
index 00000000000000..9cdbe2189fa705
--- /dev/null
+++ b/types/dom-mediacapture-fromelement/dom-mediacapture-fromelement-tests.ts
@@ -0,0 +1,4 @@
+const video = document.createElement("video");
+
+// $ExpectType MediaStream
+video.captureStream();
diff --git a/types/dom-mediacapture-fromelement/index.d.ts b/types/dom-mediacapture-fromelement/index.d.ts
new file mode 100644
index 00000000000000..f426aff20e76b2
--- /dev/null
+++ b/types/dom-mediacapture-fromelement/index.d.ts
@@ -0,0 +1,15 @@
+// The same editor's draft defines canvas extensions, but those extensions are widely supported and
+// already defined in the standard DOM type definitions.
+
+// Versioning:
+// Until the specification is finalized, the major version number is 0. Although not necessary for
+// version 0, consider incrementing the minor version number for breaking changes.
+
+interface HTMLMediaElement {
+    /**
+     * The **`captureStream()`** method of the {@linkcode HTMLMediaElement} interface returns a {@linkcode MediaStream} object representing the media being rendered in real time to the media element.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLMediaElement/captureStream)
+     */
+    captureStream(): MediaStream;
+}
diff --git a/types/dom-mediacapture-fromelement/package.json b/types/dom-mediacapture-fromelement/package.json
new file mode 100644
index 00000000000000..db760c766cf940
--- /dev/null
+++ b/types/dom-mediacapture-fromelement/package.json
@@ -0,0 +1,19 @@
+{
+    "private": true,
+    "name": "@types/dom-mediacapture-fromelement",
+    "version": "0.0.9999",
+    "nonNpm": true,
+    "nonNpmDescription": "Media Capture from DOM Elements",
+    "projects": [
+        "https://w3c.github.io/mediacapture-fromelement/"
+    ],
+    "devDependencies": {
+        "@types/dom-mediacapture-fromelement": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "haykam821",
+            "githubUsername": "haykam821"
+        }
+    ]
+}
diff --git a/types/dom-mediacapture-fromelement/tsconfig.json b/types/dom-mediacapture-fromelement/tsconfig.json
new file mode 100644
index 00000000000000..97e8231d5d4476
--- /dev/null
+++ b/types/dom-mediacapture-fromelement/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "dom-mediacapture-fromelement-tests.ts"
+    ]
+}