Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add the <model> element #6121

Open
Schweinepriester opened this issue Dec 20, 2021 · 6 comments
Open

Add the <model> element #6121

Schweinepriester opened this issue Dec 20, 2021 · 6 comments
Labels
Support data suggestion

Comments

@Schweinepriester
Copy link
Contributor

Schweinepriester commented Dec 20, 2021 •
edited
Loading

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
Copy link
Contributor

Malvoz commented Dec 28, 2021

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
Copy link
Contributor

jensimmons commented Feb 4, 2022 •
edited
Loading

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

@Schweinepriester Schweinepriester mentioned this issue Apr 7, 2022
Closed
@jensimmons
Copy link
Contributor

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 added a commit to jensimmons/caniuse that referenced this issue Apr 7, 2022
@jensimmons
Adding <model> element to Can I Use
ed1b9db 
As suggested in Fyrd#6121, I'm making an attempt to create a page for `<model>`.

There's no `HTML` category? Only `HTML5`? This is not HTML5, it's much later than version 5. No `media` category? That's where I would have put this, along with HTML. I'm guessing this might throw an error, but I'll try anyway.
@jensimmons jensimmons mentioned this issue Apr 7, 2022
Closed
@jensimmons
Copy link
Contributor

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

@Schweinepriester Schweinepriester mentioned this issue Jul 28, 2022
Closed
@Schweinepriester
Copy link
Contributor Author

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

Added experimental support for the element. (100595523)

@jackwh
Copy link

jackwh commented Oct 2, 2023

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!

Screenshot 2023-10-02 at 13 39 02@2x

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Support data suggestion
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@jensimmons @Fyrd @jackwh @Schweinepriester @Malvoz