VRFrameData
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The VRFrameData
interface of the WebVR API represents all the information needed to render a single frame of a VR scene; constructed by VRDisplay.getFrameData()
.
Note: This interface was part of the old WebVR API. It has been superseded by the WebXR Device API.
Constructor
VRFrameData.VRFrameData()
-
Creates a
VRFrameData
object instance.
Properties
-
VRFrameData.leftProjectionMatrix
Read only -
A
Float32Array
representing a 4x4 matrix that describes the projection to be used for the left eye’s rendering. -
VRFrameData.leftViewMatrix
Read only -
A
Float32Array
representing a 4x4 matrix that describes the view transform to be used for the left eye’s rendering. -
VRFrameData.pose
Read only -
The
VRPose
of theVRDisplay
at the currentVRFrameData.timestamp
. -
VRFrameData.rightProjectionMatrix
Read only -
A
Float32Array
representing a 4x4 matrix that describes the projection to be used for the right eye’s rendering. -
VRFrameData.rightViewMatrix
Read only -
A
Float32Array
representing a 4x4 matrix that describes the view transform to be used for the right eye’s rendering. -
VRFrameData.timestamp
Read only -
A constantly increasing timestamp value representing the time a frame update occurred.
Examples
See VRDisplay.getFrameData()
for example code.
Specifications
This interface was part of the old WebVR API that has been superseded by the WebXR Device API. It is no longer on track to becoming a standard.
Until all browsers have implemented the new WebXR APIs, it is recommended to rely on frameworks, like A-Frame, Babylon.js, or Three.js, or a polyfill, to develop WebXR applications that will work across all browsers [1].
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
VRFrameData |
No |
≤18-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
VRFrameData |
No |
≤18-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
leftProjectionMatrix |
No |
15-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
leftViewMatrix |
No |
15-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
pose |
No |
15-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
rightProjectionMatrix |
No |
15-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
rightViewMatrix |
No |
15-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
timestamp |
No |
15-79 |
55
Windows support was enabled in Firefox 55.
64
macOS support was enabled in Firefox 64.
|
No |
? |
No |
No |
56-80
["Only works in an experimental version of Chrome. (Other builds won't return any devices when
Navigator.getVRDisplays() is invoked.)", "Daydream View supported in Chrome 56.", "Google Cardboard supported in Chrome 57."] |
55 |
? |
No |
6.0
Google Cardboard supported in Samsung Internet 7.0.
|
See also
- WebVR API homepage
- https://mixedreality.mozilla.org/ — demos, downloads, and other resources from the Mozilla VR team.
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VRFrameData