Internalize MediaStream recording example

[Josh-Cena]

Part of #16120. This example is not too big, but permissions may not work; still testing.

[github-actions]

Preview URLs

• /en-US/docs/Web/API/MediaStream_Recording_API

(comment last updated: 2025-07-11 09:43:03)

[Josh-Cena]

Apparently camera perms don't work on DMO. 🙄

[bsmth]

Apparently camera perms don't work on DMO. 🙄

Isn't it possible via this: https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Page_structures/Live_samples#allowing_features

[Josh-Cena]

You would need to set Permissions-Policy. You can only set allow and sandbox iframe attributes

[Josh-Cena]

Uh... I didn't get enough sleep.

[bsmth]

You would need to set Permissions-Policy. You can only set allow and sandbox iframe attributes

There's one here to have a look at

content/files/en-us/web/api/mediastream_recording_api/recording_a_media_element/index.md

Line 273 in 0f62d41

{{EmbedLiveSample('Example_of_recording_a_media_element', '600', '440', , , , 'camera;microphone')}}

[Josh-Cena]

Mmm. CSP still blocks the blob URL. That's actually a bit surprising given I've seen blob URLs being used elsewhere.

[bsmth]

Mmm. CSP still blocks the blob URL. That's actually a bit surprising given I've seen blob URLs being used elsewhere.

Production media-src CSP is 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; so we would need blob: added to that for it to work.

[Josh-Cena]

I'm not sure where to raise this, nor am I sure if this is a good idea by default, but I think at least it should be configurable. Perhaps the playground can benefit from it too.