Add Capture stream (#1726)

Co-authored-by: Philip Jägenstedt <[email protected]>
Co-authored-by: Daniel D. Beck <[email protected]>

Author: 3 people

features/capture-stream-audio-video.yml

@@ -0,0 +1,6 @@
+name: captureStream() for <audio> and <video>
+description: The `captureStream()` method for `<audio>` and `<video>` elements returns a `MediaStream` for the media element's content. You can use this to record media or send it elsewhere, such as a canvas or WebRTC connection.
+spec: https://w3c.github.io/mediacapture-fromelement/#html-media-element-media-capture-extensions
+group: media-elements
+compat_features:
+  - api.HTMLMediaElement.captureStream

features/capture-stream-audio-video.yml.dist

@@ -0,0 +1,11 @@
+# Generated from: capture-stream-audio-video.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "62"
+    chrome_android: "62"
+    edge: "79"
+compat_features:
+  - api.HTMLMediaElement.captureStream

features/capture-stream-canvas.yml

@@ -0,0 +1,16 @@
+name: captureStream() for <canvas>
+description: The `captureStream()` method for `<canvas>` elements returns a `MediaStream` which includes a `CanvasCaptureMediaStreamTrack` representing real-time video of the canvas image. You can use this to record the canvas, or send it elsewhere, such as another canvas or WebRTC connection.
+# TODO: Firefox implements `CanvasCaptureMediaStream` as an equivalent to `CanvasCaptureMediaStreamTrack`.
+#
+# Add a note when https://github.com/web-platform-dx/web-features/issues/915 is resolved.
+#
+# See also: https://bugzil.la/1231131
+spec: https://w3c.github.io/mediacapture-fromelement/#html-canvas-element-media-capture-extensions
+group: canvas
+status:
+  compute_from: api.HTMLCanvasElement.captureStream
+compat_features:
+  - api.CanvasCaptureMediaStreamTrack
+  - api.CanvasCaptureMediaStreamTrack.canvas
+  - api.CanvasCaptureMediaStreamTrack.requestFrame
+  - api.HTMLCanvasElement.captureStream

features/draft/spec/mediacapture-fromelement.yml.dist renamed to features/capture-stream-canvas.yml.dist

@@ -1,13 +1,20 @@
-# Generated from: mediacapture-fromelement.yml
+# Generated from: capture-stream-canvas.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
-  baseline: false
+  baseline: high
+  baseline_low_date: 2020-01-15
+  baseline_high_date: 2022-07-15
   support:
-    chrome: "62"
-    chrome_android: "62"
+    chrome: "51"
+    chrome_android: "51"
     edge: "79"
+    firefox: "43"
+    firefox_android: "43"
+    safari: "11"
+    safari_ios: "11"
 compat_features:
+  # ⬇️ Same status as overall feature ⬇️
   # baseline: high
   # baseline_low_date: 2020-01-15
   # baseline_high_date: 2022-07-15
@@ -31,11 +38,3 @@ compat_features:
   - api.CanvasCaptureMediaStreamTrack
   - api.CanvasCaptureMediaStreamTrack.canvas
   - api.CanvasCaptureMediaStreamTrack.requestFrame
-
-  # ⬇️ Same status as overall feature ⬇️
-  # baseline: false
-  # support:
-  #   chrome: "62"
-  #   chrome_android: "62"
-  #   edge: "79"
-  - api.HTMLMediaElement.captureStream