Add the `<model>` element

[Schweinepriester]

https://github.com/WebKit/explainers/tree/main/model

Since it's being added to Safari TP…
https://webkit.org/blog/12156/release-notes-for-safari-technology-preview-137/:

Experimental Model Element

• Added support for mouse-based manipulation of <model> on macOS (r285986)
• Added audio support (r286065)
• Added support for controlling looping animations (r286066)
• Added support for getting and setting the camera (r286019)
• Added support for pausing and resuming animations (r286048)
• Added support for seeking animations (r286068)

Accessibility

• Added accessibility attributes for <model> (r286406)

[Malvoz]

The new Github repo for this element proposal is https://github.com/immersive-web/model-element.
And draft spec: https://immersive-web.github.io/model-element/

[jensimmons]

For clarity, <model> is currently in Safari Technology Preview, behind a feature flag.

[jensimmons]

I'd like to very much endorse the addition of a page for the <model> element.

Similar to the img, audio, and video elements, the model element provides a way to embed 3D models into a web page.

This code example demonstrates how a .usdz file can be shown on a webpage, with video files as fallbacks. The .usdz file is a format for 3D geometric data.

<model style="width: 400px; height: 300px">
    <source src="assets/example.usdz" type="model/vnd.usdz+zip">
    <picture>
        <source src="animated-version.mp4" type="video/mp4">
        <source src="animated-version.webp" type="image/webp">
        <img src="animated-version.gif"/>
    </picture>
</model>

[jensimmons]

@Schweinepriester I'd appreciate it if you could take a look at my attempt to create a PR, and fix it. #6228

[Schweinepriester]

https://developer.apple.com/documentation/safari-release-notes/safari-17-release-notes

Added experimental support for the element. (100595523)

[jackwh]

I ended up here after seeing <model> added to Safari in macOS Sonoma, but couldn't find anything on caniuse.

It'd be great to keep an eye on this as support rolls out more widely. Maybe @jensimmons can re-open the PR? Thanks!

[m1guelpf]

Safari 27 is bringing <model> to all Apple platforms, would be nice to get this added to track further adoption 😁

[jackwh]

@jensimmons We’ve been summoned since your WWDC update 👀 See above - and great progress in Safari!