Mozilla為WebXR制定新網頁元素：img-360、video-360

查看引用/信息源請點擊：映維網

無需3D，WebXR，甚至Javascript的知識

（映維網 2019年08月16日）Mozilla日前展示了他們一直在為沉浸式網頁開發的首批定製化元素：和。

Mozilla的大多數項目都假設用戶具有3D圖形基本知識，並且希望再進一步，完全定製屬於自己的WebXR體驗（如使用A-Frame或three.js）。

但有些時候，內容創作者只希望實現非常簡單的交互，他們沒有時間或知識來根據WebXR框架來創建和維護一個定製應用程序。

所以，Mozilla團隊希望為其提供包含簡單但完整功能的定製化元素：一個是360圖像或視頻查看器；另一個則允許用戶從一個圖像跳到另一個圖像。

定製化元素提供了一種創建HTML元素的標準方法，可為內容創建者提供與期望相匹配的簡單功能，無需3D，WebXR，甚至Javascript的知識。

工作原理

只需在網頁上添加Javascript bundle，然後即可開始在HTML中使用這兩個元素：和。你只需要為它們提供360度圖像或視頻，而定製化元素將完成剩下的工作，包括檢測WebVR支持。下面是一個向頁面添加360圖像和視頻的簡單示例。所有交互控制項都是自動生成：

你可以通過這個頁面嘗試演示內容，並且通過GitHub獲取詳細的信息。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！