[WordPress] 外掛分享： VR Views

WordPress 外掛 VR Views 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「VR Views」是 2016-04-07 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 200 個安裝啟用數。
  • 上一次更新是 2016-12-28，距離現在已有 3049 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.9 以上版本才可以安裝。
  • 有 3 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

goldsounds |

外掛標籤

VR | 360 | video | images | photosphere |

內容簡介

此外掛提供 [vrview] 短碼，使用 Google 的 VR Views 庫將 360 度的單眼和立體照片及影片嵌入 WordPress 網站。在支援 VR 的設備（如 Google Cardboard 設備）上，會出現一個連結，以全屏 VR 模式顯示內容。

根據 VR Views 規格：

VR Views 允許您在桌面和移動設備上的網站以及 Android 和 iOS 上的原生應用程式中嵌入 360 度 VR 媒體。此技術旨在為傳統應用程式的開發人員提供增強的沉浸式內容。例如，VR Views 可讓旅行應用程式在計劃度假時為觀眾提供水下潛水之旅，或讓房屋建築商在房屋建成前為潛在買家提供虛擬漫遊。

VR Views 還解決了開發人員的一個普遍關懷，即 VR 硬件在一般公眾中的有限可用性。儘管 VR Views 通過與 Google Cardboard 的兼容性支持真正的立體 VR 播放，但它們預設為簡單的「魔法窗口」模式，可以在無需任何特殊硬件的桌面瀏覽器到移動應用程式上運作。

此外掛可讓您以建議的方式嵌入 VR Views - 自行托管 vrview.js 檔案。這使您能夠嵌入上傳到您的網站的任何內容，而無需進行 CORS 駭客攻擊。

短碼語法完全遵循 VR Views 的參數規格：

image 或 video: 要載入的圖片或影片的 URL 。 (必填)
is_stereo: 如果內容是堆疊式立體格式，則為 true。 (可選的，默認為false)
preview: 第一次載入的靜態預覽的 URL。 (可選的，默認為none)
start_yaw: 觀眾的初始偏航角，以度為單位。 (可選的，默認為0)
is_yaw_only: 如果只限制在偏航角運動，則為 true。 (可選，默認為false)

例如：[vrview image=”//photovrse.com/examples/coral.jpg” is_stereo=”true”]

內容本身可以在支援 360 度圖像或影片拍攝的任何設備上捕捉。我喜歡使用 Google Cardboard 相機 應用程式（僅限 Android）

您可以在此查看上述短碼的實際使用範例：http://goldsounds.com/vrview-test/

有關轉換 Cardboard 相機圖像的技巧，請參閱以下資源：

http://vectorcult.com/2015/12/extracting-the-audio-stereo-pair-from-cardboard-camera-3d-panoramic-images/
http://edward.io/blog/extracting-google-cardboard-photos.html

鳴謝

Virtual Reality Goggles 圖示由 Felisberto Piazza 提供，來自 Noun Project

原文外掛簡介

This plugin provides a [vrview] shortcode that embeds 360′ mono-and-stereoscopic images and videos into your WordPress website using Google’s “VR Views” library. On devices supporting VR (such as Google Cardboard devices), a link appears that will display the content in full-screen VR mode.
As per the VR Views spec:

VR Views allow you to embed 360 degree VR media into websites on desktop and mobile, and native apps on Android and iOS. This technology is designed for developers of traditional apps to enhance them with immersive content. For example, VR Views make it easy for a travel app to provide viewers with an underwater scuba diving tour as they plan vacation or for a home builder to take prospective buyers on virtual walkthrough before the home is built.
VR Views also address a common developer concern, namely the limited availability of VR hardware amongst the general public. Although VR Views support true stereoscopic VR playback through compatibility with Google Cardboard, they default to a simple “magic window” mode that works on everything from desktop browsers to mobile apps without any special hardware.

This plugin allows you to embed VR Views in the recommended way – by self-hosting the vrview.js file. This enables you to embed any content uploaded to your site without needing to perform CORS hackery.
The shortcode syntax follows exactly the parameter spec of VR Views themselves:

image or video: {String} URL of image or video to load. (required)
is_stereo: {Boolean} true if content is in stacked stereo format. (optional, default false)
preview: {String} URL of still preview to load first. (optional, default none)
start_yaw: {Number} Initial yaw of viewer, in degrees. (optional, default 0)
is_yaw_only: {Boolean} true if motion is restricted to yaw only. (optional, default false)

e.g. [vrview image=”//photovrse.com/examples/coral.jpg” is_stereo=”true”]
The content itself could be captured on any device which supports capturing 360 images or video. My preferred app is the Google Cardboard Camera (Android-only)
You can see the shortcode above in action here: http://goldsounds.com/vrview-test/
For tips on converting Cardboard Camera images, check out these resources:

http://vectorcult.com/2015/12/extracting-the-audio-stereo-pair-from-cardboard-camera-3d-panoramic-images/
http://edward.io/blog/extracting-google-cardboard-photos.html

Credits
Virtual Reality Goggles icon by Felisberto Piazza from the Noun Project

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「VR Views」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.5.0 | 1.5.1 | trunk |

延伸相關外掛（你可能也想知道）

  • MomentoPress for Momento360 》MomentoPress 是一款免費的 WordPress 外掛程式，可以顯示上傳至Momento360的 360° VR 照片和影片。, 如果您在自己的網站中使用 MomentoPress，請告訴我一聲...。
  • QTVR Viewer 》此外掛可將全景播放器插入 WordPress 文章中，以查看 360 度 QTVR 格式 (.mov) 的全景照片, 要查看 QTVR 檔案 (.mov)，需使用支援此類檔案的瀏覽器外掛程式，...。
  • EZ Aframe 》一個簡單的 WordPress 外掛，讓您可以在 WordPress 中創建、查看和管理 AFrame 內容。內容存儲在數據庫中，使用短碼查看。包括內容編輯器和創建工具。, AFram...。
  • Bitmovin WordPress Plugin 》The Bitmovin WordPress 外掛提供許多功能和服務：, Bitmovin HTML5 自適應播放器, Bitmovin 自適應串流播放器是一個高度優化的 MPEG-DASH 和 HLS 播放器，適...。
  • GoToViaR 》```html,
      ,
    • WordPress in the Metaverse 可以讓您創建身臨其境的虛擬實境體驗。
      • ,
    • GOTOVIAR 外掛讓您將 WordPr...。
    • HappyVR 》外掛介紹：, - HappyVR 是一個外掛，可以讓你在 WordPress 網站上添加互動式360度照片。, , 使用方式：, - 要在網頁中插入全景圖，你應該使用「happyvr」這個...。
    • Virtual Shop For Woocommecre 》, 此外掛將允許您的 WooCommerce 成為虛擬商店, 在TheVRShop上免費註冊虛擬商店，然後將其連接到您的 WooCommerce 上。, 所有商店都使用相同的客戶端應用程式...。
    • Material3d 》Material3d 是一個平台，讓使用者能夠在網頁瀏覽器上輕鬆創建和運行具有 VR（虛擬現實）設備支援的 3D 場景。由 three.js 和 react.js 提供動力，此編輯器提...。
    • FPP-Pano 》這個外掛可以輕鬆地在你的 WordPress 博客中嵌入全景場景。如果你擁有 Flash Panorama Player（可在 http://flashpanoramas.com/player/ 上購買），你只需要...。
    • Archisketch – 3D Interior Design Solution 》, , , ,

      總結

      ,

      為了使用這個應用程式，您需要擁有一個 Archisketch 企業管理...。

    • WonderPano – 360 Panorama Viewer 》總結: WonderPano 是一個外掛程式，能讓您在 WordPress 網站上加入互動式360度照片。, , 問題與答案:, 1. WonderPano 是什麼？, - WonderPano 是一個 Word...。
    • Atomica Vision – Virtual makeup try on 》總結：使用 Atomica Group Vision 的創新虛擬試妝技術，提升品牌的數位存在感，為線上化妝體驗帶來無與倫比的真實感。, , 問題與答案：, , 1. 什麼是 Atomica...。
    • Lieu.city – easily include the vr experience in your website 》使用 WordPress 外掛，使用者可以將在 LIEU.city 平台上製作完成的 VR 展覽以及虛擬窗口，展示於 WordPress 網站上。。

文章
Filter
Apply Filters
Close
Mastodon