Important: this component does not support your currently selected format email!
amp-google-vrview-image
VR image
| Availability | Experimental; no validations yet. Work in progress. |
| Required Script | <script async custom-element="amp-google-vrview-image" src="https://cdn.ampproject.org/v0/amp-google-vrview-image-0.1.js"></script> |
| Supported Layouts | fixed, fixed-height, responsive, fill, flex-item |
| Examples | See AMP By Example's amp-google-vrview-image example. |
Overview
See Google VR View for more details.
VR view supports mono and stereo 360 images. Note:
- VR view images can be stored as png, jpeg, or gif. Recommend is jpeg for improved compression.
- For maximum compatibility and performance, image dimensions should be powers of two (e.g., 2048 or 4096).
- Mono images should be 2:1 aspect ratio (e.g. 4096 x 2048).
- Stereo images should be 1:1 aspect ratio (e.g. 4096 x 4096).
Example
<amp-google-vrview-image src="https://storage.googleapis.com/vrview/examples/coral.jpg" stereo width="400" height="300" layout=responsive> </amp-google-vrview-image>
Attributes
| src | The source URL of a stereo image. Must resolve to https. See notes above on what kind of image can be passed here. |
| stereo | If specified, the image provided by the src attribute is considered to be a stereo
image (see above), otherwise it's a mono image. |
| yaw | Initial yaw of viewer, in degrees. Defaults to 0. |
| yaw-only | Can be specified to restrict motion to yaw only. |
Need more help?
You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.
Go to Stack Overflow Found a bug or missing a feature?The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.
Go to GitHub