Giter Site home page Giter Site logo

Adding "controls" about model-element HOT 10 OPEN

immersive-web avatar immersive-web commented on May 30, 2024
Adding "controls"

from model-element.

Comments (10)

marcoscaceres avatar marcoscaceres commented on May 30, 2024 1

Adding system controls might interfere with script that doesn't expect that the user is making changes.

Sorry, could you elaborate what you mean by "the user making changes"? Also, how would it differ from, say,<video>?

Also, afaik almost no sites use the built-in video controls

I agree that well-resourced sites should absolutely have the ability to add their own controls. However, as with video/audio, there are significant advantages usability, accessibility, robustness, and just ease of use to not requiring scripting for controls (i.e. to the user agent providing them... whatever they may be...). It's also highly future proof, with the user agent being able to add device-specific controls as new capabilities become available to the user agent.

Personally speaking, when embedding videos on page, I've always relied on the browser to provide me with controls.
For example, here is Github, controls are provided by the user agent:

test.mov

from model-element.

mikkoh avatar mikkoh commented on May 30, 2024 1

Agreed. I've found the minimal controls in videos to be valuable. Especially as a developer having the ability to test playback immediately is awesome.

from model-element.

cabanier avatar cabanier commented on May 30, 2024

Maybe this can be added in the later level of the spec?
Adding system controls might interfere with script that doesn't expect that the user is making changes.

Also, afaik almost no sites use the built-in video controls

from model-element.

mrdoob avatar mrdoob commented on May 30, 2024

A 3D model can have more than one animation.

For example a game character can include walking, running and jumping animations.

The controls ui would then need to include a drop down to select the animation to play.

from model-element.

js-choi avatar js-choi commented on May 30, 2024

Also, afaik almost no sites use the built-in video controls

Safari on iPhone, as far as I know, always displays native video controls in full-screen web <video> elements, even on pages that would otherwise provide their own control UI such as YouTube and Vimeo. This is allowed by the specification:

User agents may allow users to view the video content in manners more suitable to the user, such as fullscreen or in an independent resizable window. […] In such an independent viewing mode, however, user agents may make full user interfaces visible, even if the controls attribute is absent.

I suspect that any user agent that does this to video content would also would apply the same principles to 3D-model content.

from model-element.

marcoscaceres avatar marcoscaceres commented on May 30, 2024

@mrdoob wrote:

The controls ui would then need to include a drop down to select the animation to play.

Could definitely be in option. However, that might not work well unless the camera also moved to the right position so the user could view the animation.

Speaking hypotheticals here: I was thinking more if the format defined a "top-level" (or scene-level?) animation.

from model-element.

mikkoh avatar mikkoh commented on May 30, 2024

Actually if we're talking about 3D controls in terms of accessibility having directional buttons to tumble a model and + and - to zoom in and out is ideal for some users. So outside of animation control there may be other controls that need to be investigated.

ASFAIK the built in <video> controls haven't kept up with accessibility standards of today. I'm no a11y expert but folks who I've talked to have suggested that it's better to implement custom controls using other html elements. This leads me to wonder if decoupling the controls from the element is better because there maybe a faster innovation loop on UX for different a11y levels.

from model-element.

marcoscaceres avatar marcoscaceres commented on May 30, 2024

Right, but they are not mutually exclusive. You still want a minimal set of controls (or potentially a specialized set of controls) for some users, while being privacy preserving. Sites can still offer a rich set of HTML based controls, but some users should still be able to enable UA-provided controls should they desire or need them (or they simply choose to disable JS).

from model-element.

AdaRoseCannon avatar AdaRoseCannon commented on May 30, 2024

from model-element.

Malvoz avatar Malvoz commented on May 30, 2024

Linking https://w3c.github.io/apa/media-accessibility-reqs/#access-to-interactive-controls-menus

from model-element.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.