Mozilla日前展示了他们一直在为沉浸式网页开发的首批定制化元素：< img-360 >和< video-360 >。
Mozilla的大多数项目都假设用户具有3D图形基本知识，并且希望再进一步，完全定制属于自己的WebXR体验（如使用A-Frame或three.js）。
但有些时候，内容创作者只希望实现非常简单的交互，他们没有时间或知识来根据WebXR框架来创建和维护一个定制应用程序。
所以，Mozilla团队希望为其提供包含简单但完整功能的定制化元素：一个是360图像或视频查看器；另一个则允许用户从一个图像跳到另一个图像。
定制化元素提供了一种创建HTML元素的标准方法，可为内容创建者提供与期望相匹配的简单功能，无需3D，WebXR，甚至Javascript的知识。
只需在网页上添加Javascript bundle，然后即可开始在HTML中使用这两个元素：< img-360 >和< video-360 >。你只需要为它们提供360度图像或视频，而定制化元素将完成剩下的工作，包括检测WebVR支持。下面是一个向页面添加360图像和视频的简单示例。所有交互控件都是自动生成：
你可以通过这个页面尝试演示内容，并且通过GitHub获取详细的信息。
电科技（www.diankeji.com）是一家专注于全球TMT行业的领先资讯媒体。
作为今日头条青云计划、百家号百+计划获得者，2019百度数码年度作者、百家号科技领域最具人气作者、2019搜狗科技文化作者、2021百家号季度影响力创作者，曾荣获2013搜狐最佳行业媒体人、2015中国新媒体创业大赛北京赛季军、 2015年度光芒体验大奖、2015中国新媒体创业大赛总决赛季军、2018百度动态年度实力红人等诸多大奖。
投稿、商务合作请联络微信公众号
声明：本站原创文章文字版权归电科技所有，转载务必注明作者和出处；本站转载文章仅仅代表原作者观点，不代表电科技立场，图文版权归原作者所有。如有侵权，请联系我们删除。
