fix: add srcObject to permitted <audio>/<video> attributes

[Rich-Harris]

Allows you to do this sort of thing...

<script lang="ts">
  const webcam = await navigator.mediaDevices.getUserMedia({ video: true });
</script>

<video autoplay srcObject={webcam}></video>

...or even just this..

<video
  autoplay
  srcObject={await navigator.mediaDevices.getUserMedia({ video: true })}
></video>

...which I think is pretty neat. It does give you an a11y warning about missing captions, which might be a bit overzealous — will open a PR for that next.

Before submitting the PR, please make sure you do the following

• It's really useful if your PR references an issue where it is discussed ahead of time. In many cases, features are absent for a reason. For large changes, please create an RFC: https://github.com/sveltejs/rfcs
• Prefix your PR title with feat:, fix:, chore:, or docs:.
• This message body should clearly illustrate what problems it solves.
• Ideally, include a test that fails without this PR but passes with it.
• If this PR changes code within packages/svelte/src, add a changeset (npx changeset).

Tests and linting

• Run the tests with pnpm test and lint the project with pnpm lint

[changeset-bot]

🦋 Changeset detected

Latest commit: f9f9583

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
svelte	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Playground

pnpm add https://pkg.pr.new/svelte@17310

[paoloricciuti]

I wonder how did we miss this 🤯

[SiamAlSobari]

i like this