Comments (10)
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.
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.
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.
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.
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.
@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.
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.
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.
from model-element.
Linking https://w3c.github.io/apa/media-accessibility-reqs/#access-to-interactive-controls-menus
from model-element.
Related Issues (20)
- Interactions with HTMLCanvasElement HOT 3
- models must not be allowed to download external content HOT 5
- filter CSS property HOT 1
- polyfill
- Enhanced API for Animations HOT 1
- High level scene graph manipulation API HOT 3
- Clarification: using dynamic/generated `src` values
- Let's define some more extensive use cases
- Specify fallback model for performance issues HOT 2
- TPAC Discussion Topics HOT 5
- Need for Planning and Justification HOT 9
- Supply an Image-based Light file HOT 4
- Specify a camera's pivot location HOT 5
- Making the `<model>` element compatible with modern web frameworks. HOT 2
- `ready` and `complete` events/Promises for responding to source file availability etc HOT 3
- Allow a <model> to specify a preference for spatial display
- Progress on the spec HOT 2
- Clarify scope
- immersive-web/model-element missing from IPR Checker HOT 2
- Per-view user toggle to adjust power preference for model
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from model-element.