[WordPress] 外掛分享: VR Views

首頁外掛目錄 › VR Views
WordPress 外掛 VR Views 的封面圖片
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
200+
安裝啟用
★★★☆☆
3.3/5 分(3 則評價)
3368 天前
最後更新
問題解決
WordPress 3.9+ v1.5.1 上架:2016-04-07

內容簡介

此外掛提供 [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

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.5.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「VR Views」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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

延伸相關外掛

文章
Filter
Apply Filters
Mastodon