A set of web components for embedding interactive 360-degree images and videos into web pages with VR support.
Immersive Custom Elements is a library of web components that enable developers to embed interactive 360-degree images and videos into web pages using custom HTML tags. It solves the problem of integrating immersive VR and AR content without requiring complex frameworks or extensive coding. The project simplifies creating web-based immersive experiences by providing declarative elements like `<img-360>` and `<video-360>`.
Web developers and content creators looking to add interactive 360-degree media or VR support to websites without deep expertise in immersive technologies.
Developers choose this for its simplicity and standards-based approach, using custom elements to reduce boilerplate code and make immersive content as easy as embedding an image or video. It’s backed by Mozilla and focuses on accessibility for the immersive web.
INACTIVE - Immersive Custom Elements
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses custom elements like <img-360> to embed immersive content with minimal JavaScript, as shown in the sample code where only a script tag and HTML are needed.
Includes an 'ENTER VR' button for entering immersive mode with supported headsets, making it easy to add basic VR experiences without extra coding.
Allows users to click and drag to explore 360-degree media directly in the browser, enhancing engagement without requiring custom interaction logic.
Developed by Mozilla Reality, ensuring alignment with web standards and a focus on accessibility for immersive web technologies.
Only supports 360 images and videos; advanced features like 360 image tours are listed as TODO but unimplemented, restricting use cases to basic media embedding.
At version v0.2.0, the project is experimental and may have unstable APIs or lack long-term support, as indicated by the low version number and sparse updates.
Relies on modern browser support for custom elements and WebXR, requiring polyfills for older browsers and potentially excluding users with outdated systems.