Delight XR https://delight-vr.com Home of video technology. Wed, 12 Nov 2025 09:15:19 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.9 List of VR Cameras 2022 https://delight-vr.com/blog/list-of-vr-cameras-2022/ https://delight-vr.com/blog/list-of-vr-cameras-2022/#respond Sun, 07 Aug 2022 14:06:34 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=50957

List of VR Camera Systems 2022

With VR becoming more and more popular it’s increasingly important for all kinds of camera manufacturers to provide sophisticated optical devices. By Mid 2019 there are already 51 spherical camera systems to buy – ranging from low-end variants such as the Detu Twin for $119 to ultra high-end solutions such as the Lytro immerge light field camera solution for $250.000. Due to the high interest from our customer base, we curated the following list of spherical camera systems to give a broad overview of what’s out there to buy to capture VR video content!

Detu Twin

Field of view 360°
Resolution (per lens) 2880 × 1440
FPS 30
Live Stream Support Yes
Stereo Support No
Price $119
visit website

Insta360 Air

Field of view 360°
Resolution (per lens) 2560 × 1280
FPS 30
Live Stream Support Yes
Stereo Support No
Price $149
visit website

Nico360

Field of view 360°
Resolution (per lens) 2560 × 1440
FPS 30
Live Stream Support Yes
Stereo Support No
Price $150
Visit Website

Insta360 Nano

Field of view 360°
Resolution (per lens) 3040 × 1520
FPS 30
Live Stream Support Yes
Stereo Support No
Price $199
visit website

Moto 360

Field of view 360°
Resolution (per lens) 3840 × 1920
FPS 24
Live Stream Support Yes
Stereo Support No
Price $199
visit website

Giroptic iO

Field of view 360°
Resolution (per lens) 2048 × 1024
FPS 25/30
Live Stream Support Yes
Stereo Support No
Price $249
visit website

LG 360

Field of view 360°
Resolution (per lens) 2560 × 1280
FPS 30
Live Stream Support Yes
Stereo Support No
Price $250
visit website

QBIC MS 1

Field of view 185°
Resolution (per lens) 1920 × 1080
FPS 60 - 240
Live Stream Support Yes
Stereo Support No
Price $260
visit website

Insta360 One

Field of view 360°
Resolution (per lens) 3840 × 1920 / 2560 x 1280
FPS 30/60
Live Stream Support Yes
Stereo Support No
Price $299
visit website

Xiaomi MiJia 360 Sphere

Field of view 360°
Resolution (per lens) 3456 × 1728 / 2304 × 1152
FPS 30/60
Live Stream Support No
Stereo Support No
Price $299
visit website

LUNA Camera

Field of view 360°
Resolution (per lens) 3840 × 2160
FPS 30
Live Stream Support Yes
Stereo Support No
Price $299
visit website

Samsung Gear 360

Field of view 360°
Resolution (per lens) 3840 × 1920
FPS 30
Live Stream Support Yes
Stereo Support No
Price $360
visit website

Ricoh Theta

Field of view 360°
Resolution (per lens) 1920 × 1080
FPS 30
Live Stream Support Yes
Stereo Support No
Price $399
visit website

BublCam

Field of view 360°
Resolution (per lens) 1440 × 1440
FPS 30
Live Stream Support Yes
Stereo Support No
Price $399
visit website

360Fly

Field of view 360°
Resolution (per lens) 1500 × 1500
FPS 30
Live Stream Support Yes
Stereo Support No
Price $399
visit website

KeyMission 170

Field of view 170°
Resolution (per lens) 3840 × 2160
FPS up to 120
Live Stream Support Yes
Stereo Support No
Price $399
visit website

Yi 360

Field of view 360°
Resolution (per lense) 5760 × 2880
FPS 30
Live Stream Support Yes
Stereo Support No
Price $399
visit website

Kandao QooCam

Field of view 360°/180°
Resolution (per lense) 3840 × 1920
FPS 30/60/120
Live Stream Support Yes
Stereo Support Yes
Price $399
visit website

Insta360 Evo

Field of view 360°
Resolution (per lense) 5760 × 2880
FPS 30
Live Stream Support No
Stereo Support Yes
Price $419
visit website

Vuze XR

Field of view 360° & 180°
Resolution (per lense) 5760 × 2880
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $439
visit website

Rylo

Field of view 360°
Resolution (per lens) 5824 × 2912 / 3840 x 2160
FPS 24/30
Live Stream Support No
Stereo Support No
Price $449
visit website

Insta360 One X

Field of view 360°
Resolution (per lens) 5760 × 2880 / 3840 × 1920
FPS 30/50
Live Stream Support Yes
Stereo Support No
Price $459
visit website

ALLie Cam

Field of view 360°
Resolution (per lens) 4096 × 2160
FPS 20
Live Stream Support Yes
Stereo Support No
Price $499
visit website

Lucid Camera

Field of view 180°
Resolution (per lens) 3840 × 2160
FPS 30
Live Stream Support No
Stereo Support Yes
Price $499
visit website

KeyMission 360

Field of view 360°
Resolution (per lens) 3840 × 2160
FPS 30
Live Stream Support Yes
Stereo Support No
Price $499
visit website

Giroptic 360

Field of view 360°
Resolution (per lens) 2048 × 1080
FPS 30
Live Stream Support Yes
Stereo Support No
Price $669
visit website

GoPro Fusion

Field of view 360°
Resolution (per lens) 4992 × 2496 / 3008 × 1504
FPS 30/60
Live Stream Support No
Stereo Support No
Price $699
visit website

Vuze VR 3D 360

Field of view 360°
Resolution (per lens) 3840 × 2160
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $799
visit website

Garmin VIRB 360

Field of view 360°
Resolution (per lens) 2880 × 2880
FPS 30
Live Stream Support Yes
Stereo Support No
Price $799
visit website

Kodak SP360 4K Dual

Field of view 360°
Resolution (per lens) 2880 × 2880
FPS 60
Live Stream Support Yes
Stereo Support No
Price $899
visit website

Eyesir 4K

Field of view 360°
Resolution (per lens) 4096 × 2048
FPS 30
Live Stream Support Yes
Stereo Support No
Price $1100
visit website

Vuze Plus VR 3D 360

Field of view 360°
Resolution (per lens) 3840 × 2180
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $1195
visit website

Veye 360

Field of view 360°
Resolution (per lens) 3840 × 1920
FPS 25
Live Stream Support Yes
Stereo Support No
Price $1599
visit website

Detu F4

Field of view 360°
Resolution (per lense) 2880 × 2160
FPS 24 / 30 / 60
Live Stream Support Yes
Stereo Support No
Price $1599
visit website

Panono 360

Field of view 360°
Resolution (per lense) 16384 × 8192 (photo)
FPS -
Live Stream Support -
Stereo Support -
Price $2099
visit website

Z Cam S1 Pro

Field of view 360°
Resolution (per lense) 5760 × 3240
FPS 30
Live Stream Support Yes
Stereo Support No
Price $2499
visit website

Kandao Obsidian GO

Field of view 360°
Resolution (per lense) 5760 × 5760
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $2499
visit website

Sphericam 2

Field of view 360°
Resolution (per lense) 4096 × 2048
FPS 30
Live Stream Support Yes
Stereo Support No
Price $2500
visit website

Z Cam K1 Pro

Field of view 180°
Resolution (per lense) 2880 × 2880
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $2995
visit website

Kandao Obsidian R

Field of view 360°
Resolution (per lens) 7680 × 7680
FPS 30/120
Live Stream Support Yes
Stereo Support Yes
Price $4199
visit website

Insta360 Pro

Field of view 360°
Resolution (per lens) 4096 × 2048
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $3499
visit website

Insta360 Pro 2

Field of view 360°
Resolution (per lens) 7680 × 3840
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $4999
visit website

Orah 4i

Field of view 360°
Resolution (per lense) 2048 × 1536
FPS 30
Live Stream Support Yes
Stereo Support No
Price $3600
visit website

GoPro Omni

Field of view 360°
Resolution (per lense) 1920 × 1080
FPS 60
Live Stream Support No
Stereo Support No
Price $6000
visit website

LivePlanet Camera

Field of view 360°
Resolution (per lense) 3840 × 2160
FPS 25
Live Stream Support Yes
Stereo Support Yes
Price $8500
visit website

NakedEye

Field of view 360°
Resolution (per lense) 2048 × 1080
FPS 60
Live Stream Support Yes
Stereo Support No
Price $9000
visit website

Samsung 360 Round

Field of view 360°
Resolution (per lense) 4096 × 4096
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $10499
visit website

Insta360 Titan

Field of view 360°
Resolution (per lense) 9600 × 9600
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $15000
visit website

Jaunt one (NEO)

Field of view 360°
Resolution (per lense) 9192 × 4096
FPS up to 120
Live Stream Support Yes
Stereo Support Yes
Price $15000
visit website

GoPro Odyssey

Field of view 360°
Resolution (per lense) 1920 × 1080
FPS 60
Live Stream Support Not out of the box
Stereo Support Yes
Price $15000
visit website

Yi Halo

Field of view 360°
Resolution (per lense) 2560 × 1920
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $17000
visit website

FaceBook Surround 360 VR

Field of view 360°
Resolution (per lense) 2048 × 2048
FPS up to 60
Live Stream Support Yes
Stereo Support Yes
Price $35000
visit website

Nokia Ozo

Field of view 360°
Resolution (per lense) 2048 × 2048
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price $60000
visit website

Lytro Immerge

Field of view 360°
Resolution (per lense) -
FPS -
Live Stream Support -
Stereo Support Yes
Price $250000
visit website

Headcase Cinema Quality VR 360

Field of view 360°
Resolution (per lense) 1920 × 1080
FPS up to 60
Live Stream Support No
Stereo Support Yes
Price rental
visit website

The Falcon

Field of view 360°
Resolution (per lense) 5500 × 2750
FPS 60 - 80
Live Stream Support Yes
Stereo Support No
Price tba
visit website

Briskeye

Field of view 360°
Resolution (per lense) 3840 × 2160
FPS 30
Live Stream Support Yes
Stereo Support No
Price tba
visit website

Hermes VR Webcam

Field of view 180°
Resolution (per lense) 1536 × 1536
FPS 30
Live Stream Support Yes
Stereo Support Yes
Price tba
visit website

Artemis VR Webcam

Field of view 180°
Resolution (per lense) 2048 × 2048
FPS 60
Live Stream Support Yes
Stereo Support Yes
Price tba
visit website
]]>
https://delight-vr.com/blog/list-of-vr-cameras-2022/feed/ 0
Learn about Headsets https://delight-vr.com/blog/best-vr-headsets/ https://delight-vr.com/blog/best-vr-headsets/#respond Sun, 07 Aug 2022 12:10:13 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=52079

Virtual Reality is here to stay

Virtual Reality (VR) invites you to explore alternative worlds as if you’re actually there. Simply take your smartphone and a headset and discover virtual spaces, games, and much more. Even though the technology has been around for years, the current generation of products and devices gets closer than ever to the VR’s original promise: getting elsewhere and connecting to whatever matters most to you.

With the technology advancing every year, the hardware is getting cheaper and the software base is growing steadily. In other words, virtual reality becomes affordable and thanks to massive price drops and discounts on hardware and software bundles, now is the perfect time to get your own VR headset and discover what all the hype is about.

Desktop VR versus Mobile VR

When taking a look at the vast variety of devices, you should know there are two main categories: tethered and mobile headsets. The former is connected to either a computer or a gaming console and delivers the most powerful VR experience. External tracking devices, cameras, and advanced controllers allow for high-end experiences and get the most out of what’s currently possible in VR. However, these headsets are pricey, and with all the cables and additional trackers, movement can be inconvenient and some free space is needed. On the other hand, there are mobile headsets, which are basically empty shells with two optical lenses where the smartphone can be plugged in. Motion tracking is either done by the smartphone’s sensors or built-in headset sensors; thus, there are no cables hindering free movement. The great thing is, one can start for as cheap as fifteen bucks with the simplest headset from Google (Cardboard). The flipside, however, is the limited computing power, resulting in a reduced experience in terms of visual quality and VR possibilities. Ultimately, you get what you pay for. Anyway, we sat down and discussed which 2017 device gets the most bang for the buck – this article is intended to make the market a bit more transparent.

 

Don’t be limited. In 2018, all-new stand-alone devices are coming, and upgrades to the current generation will be released. Check out our article for what comes next.

Click on any VR Headset to learn more

HTC Vive Oculus Rift PSVR Samsung Gear VR Google Daydream View Zeiss VR ONE Plus Google Cardboard
Panel/Display i OLED OLED OLED OLED OLED
Resolution (combined) i 2160×1200 2160×1200 1920×1080 2560×1440 2560×1440 depends on smartphone depends on smartphone
Field of view i 110° 110° 100° 100° 100° 100° 90°
Refresh rate i 90 Hz 90 Hz 90-120 Hz 90 Hz 90 Hz depends on smartphone depends on smartphone
Positional Tracking i yes yes yes Not supported no Not supported Not supported
Motion Controller Vive Controller Oculus Touch PlayStation Move Gear VR Controller Daydream Controller Not supported Not supported
Host device (Gaming) PC (Gaming) PC PlayStation 4 Samsung Smartphone List of supported Android Phones Apple and Samsung Smartphones VR ready smartphones
Software platform SteamVR Oculus Home PlayStation Oculus Home Daydream VR Google Play / iOS Appstore Google Play / iOS Appstore
Release date April 2016 March 2016 October 2016 November 2015 November 2016 June 2016 June 2014
Weight (Headset) 555 gr 470 gr 610 gr 280 gr (without smartphone) 220 gr 350 gr < 90 gr
Price (Updated January 2018) $599.00 $399.00 $330.70 $129.99 $99.00 $49.99 $15.00

Desktop VR Headsets

HTC Vive

Panel/Display OLED
Resolution (combined) 2160×1200
Field of view 110°
Refresh rate 90 Hz
Positional Tracking yes
Motion Controller Vive Controller
Host device (Gaming) PC
Software platform SteamVR
Release date April 2016
Weight (Headset) 555 gr
Price $599.00

The HTC Vive, produced by HTC and developed together with video game industry giant Valve, was released on April 5th, 2016. It comes packed with a pair of motion-tracking controllers and two room-scale sensors. The wireless Base Stations allow creating a 3 x 4 meter dedicated play area where one can physically walk around. Assuming there is enough free space, security features will make sure that the furniture does not get hit. The headset features two AMOLED 3.6” diagonal screens each with 1080×1200 pixel resolution, a 90 Hz refresh rate, and a 110-degree field of view.

While the price tag dropped during the Black Friday sales, it is still at 699€ in Europe (US $600) and requires at least some decent PC hardware to perform smoothly. HTC demands a minimum of an Intel i5-4590 or AMD FX 8350 CPU paired with either an AMD R9 290 or a Nvidia gtx 970 graphics card. These specifications make additional hardware purchases necessary for those who do not own a powerful gaming PC. Fortunately, the PC can be tested for compatibility before the purchase via a SteamVR Performance Test application or HTCs ViveCheck tool.

VR Accessories

Thanks to some great third-party accessories, like the TPCAST wireless adapter, the Vive can now be used without annoying cables. The VR Lens Lab enables the user to install prescription lenses in order to operate the Vive without glasses. Moreover, Leap Motion, a device that can be attached to the Vive’s front, has the ability to accurately track your hands with VR applications. In addition, HTC released the Deluxe Audio Strap and the Tracker, allowing for more wearing comfort and tracking in the room of any device attached to the Tracker (e.g., tennis bat, toy gun). This feature further enhances the entire Vive experience.

With an ever growing software base on Valve’s distribution platform STEAM and HTC’s own Viveport games subscription service (7,99€/month), there is already plenty to explore in VR. Thanks to LibreVR/Revive project, Vive users can also play some of the Oculus Rift exclusive titles. Since the release in 2016, the Vive has matured with all its available add-ons, and it’s for sure one of the best VR experiences consumers can currently get. However, the downside is still the high price, the additional requirement of a powerful PC, and if users aren’t willing to pay extra for the wireless solution, they have to accept less comfortable movement because of the headset’s wiring.

To sum up, the HTC Vive offers the most you can get out of VR at the moment but has a high price tag and needs some of the available add-ons to enjoy the full experience. Buy it if you’re a VR enthusiast for whom price is no object.

Visit Website

HTC Vive Pro

Panel/Display OLED
Resolution (combined) 2880×1600
Field of view 110°
Refresh rate 90 Hz
Positional Tracking yes
Motion Controller Vive Controller
Host device (Gaming) PC
Software platform SteamVR
Release date April 2018
Weight (Headset) 555 gr
Price $799.00

Visit Website

HMD Odyssey

Panel/Display OLED
Resolution (combined) 2880×1600
Field of view 110°
Refresh rate 90 Hz
Positional Tracking yes
Motion Controller Samsung Odyssey Controller
Host device (Gaming) PC
Software platform Windows
Release date October 2018
Weight (Headset) 645 gr
Price $499.00

Visit Website

Oculus Rift

Panel/Display OLED
Resolution (combined) 2160×1200
Field of view 110°
Refresh rate 90 Hz
Positional Tracking yes
Motion Controller Oculus Touch
Host device (Gaming) PC
Software platform Oculus Home
Release date March 2016
Weight (Headset) 470 gr
Price $399.00

The Oculus Rift is widely considered to be the origin of the new VR hype and began as a successful Kickstarter campaign in 2012. Two years later, Facebook acquired the company and finally released the consumer version in March 2016. The Rift includes two Oculus Touch controllers and two room-scale sensors for a recommended 3×3 meters physical space. Oculus suggests improving the room tracking quality by purchasing a third sensor that can be easily integrated into the current set-up. The installed displays are comparable to the HTC Vive, using the same 1080×1200 resolution per eye (2160×1200 combined), with a 90-Hz refresh rate. The 110° field of view is similar to the Vive’s.

The integrated Rift headphones set the headset apart from the Vive, for which the audio strap (~100€) has to be purchased separately. The Oculus Rift has benefited from recent sales and is now available for 419€ (US $379). While it is noticeably cheaper than the Vive, the hardware requirements for the PC that powers the headset are basically the same: Oculus recommends 8GB RAM, a GTX 960/R9 290 GPU, and an Intel i3 6100/AMD FX 4350 CPU as a minimum configuration. Similarly to ViveCheck, there is an Oculus tool for checking the existing computer hardware.

VR Accessories

Both accessories, the leap motion hand tracker, and the TPCast wireless adapter are available for the Rift, too. Furthermore, there is plenty of general VR equipment that can, assuming one is willing to pay for it, enhance the VR experience, for example, the Kor-FX that offers a gaming vest with a haptic feedback system, adding an additional layer of immersion; the 3dRudder Foot Controller that makes movement in VR feel more natural or VirZoom’s Bike Controller that turns your VR set-up into a workout experience.

The main source for VR games and apps is called Oculus Home, and it includes a few games that previously could be played exclusively on the Rift. Lately, native stream integration and updates of the central showroom made the navigation and handling much more convenient. As with the Vive, the Oculus Rift matured over time and despite minor differences in the perceived controller and tracking quality, both systems offer a pretty similar experience.

Considering the lower price tag of the Oculus Rift compared to the Vive, it is a very compelling compromise between money spent and high-end VR experience. The saved money could be spent on the wireless adapter or potent PC hardware. Buy it if you want the best price for VR state-of-the-art.

Visit Website

Playstation VR

Panel/Display OLED
Resolution (combined) 1920×1080
Field of view 100°
Refresh rate 90-120 Hz
Positional Tracking yes
Motion Controller PlayStation Move
Host device PlayStation 4
Software platform PlayStation
Release date October 2016
Weight (Headset) 610 gr
Price $269.00

The PlayStation VR (short: PSVR), formerly known under the codename Project Morpheus, was released in October 2016 by Sony Interactive Entertainment. As the name suggests, the headset is designed to work with Sony’s PlayStation 4 and PlayStation 4 Pro video game consoles. It uses a 5,7″ OLED display with a resolution of 960 × 1080 pixels per eye, featuring a 100° field of view and 90-120 Hz refresh rate. In order to work properly, the PSVR requires a PlayStation 4 console and the PlayStation camera for positional tracking.

The PSVR includes a microphone for social experiences and offers 3D sound via a headphone jack, but the headphones are not included. In October 2017, Sony released a slightly upgraded version of the headset with installed headphones, a thinner connection cable to the console, and an upgraded HDR-capable processing unit. Unfortunately, this version is currently exclusive to the Japanese market. Over here, the headset can be purchased bundled with the camera (but without the PlayStation Move controllers) and certain games for less than 400€ (USD $349). Considering the PlayStation 4’s price is below 300€, the Sony VR experience is the most cost-effective tethered solution. Therefore, it is no wonder that PSVR outsold both the HTC Vive and the Oculus Rift.

Even though the PlayStation 4 lacks computing power, compared to modern gaming PCs, the PSVR is able to deliver reliable tracking and a responsive and smooth gaming experience. Sony claims to offer over 100 VR-compatible games and applications, including music and movie streaming services. The only small downside is that most bundles exclude the PlayStation Move controllers (100€) and the Aim controller (90€) for shooting games. Adding those useful accessories so that players can enjoy the whole PSVR experience puts the PSVR closer to competitor Oculus Rift in terms of price.

In conclusion, the PSVR offers a high-quality experience at a considerably lower price tag compared to the HTC Vive and Oculus Rift. Yet, if starting from scratch, buying the PlayStation 4, a PSVR bundle, and additional controllers aren’t exactly cheap.

Visit Website

FOVE

Panel/Display OLED
Resolution (combined) 2560×1440
Field of view 100°
Refresh rate 70 Hz
Positional Tracking yes
Motion Controller Steam/PlayStation/Xbox Controllers
Host device (Gaming) PC
Software platform SteamVR
Release dateMay  2016
Weight (Headset) 520 gr
Price $599.00

Visit Website

Mobile VR Headsets

Gear VR

Panel/Display OLED
Resolution (combined) 2560×1440
Field of view 100°
Refresh rate 90 Hz
Positional Tracking Not supported
Motion Controller Gear VR Controller
Host device Samsung Smartphone
Software platform Oculus Home
Release date November 2015
Weight (Headset) 280 gr (without smartphone)
Price $129.00

The initial consumer version of the Gear VR was released in November 2015, for the Galaxy S6 generation of Samsung’s top smartphones. Since then, alongside every new generation of top smartphones (Galaxy and Note series), a new version of the VR goggles has been released. The latest versions (SM-R324, SM-R325) include the Gear VR Controller, a Bluetooth motion tracking device that adds a new layer to both menu navigation and game controls. The controller is downwards compatible and works with older headset versions, too. The Gear VR bundle is available for around 100€, and sometimes, it is included at no additional cost in pre-orders of new Samsung phones or through related promotional events. Nevertheless, when adding the retail price of the smartphone, the Gear VR price tag comes close to the HTC Vive.

Samsung partnered with Oculus to offer a rich software ecosystem for the Gear VR. In addition to Samsung’s own VR browser and gallery app, the Oculus Home platform can be used to access applications, games, and 360° video content. It is worth mentioning that some Oculus Rift games are also available for the Gear VR, making the VR experience on the Gear VR outstandingly unique. For the price, it is the closest you can get to a high-end VR experience. However, the computing power of even the newest smartphones is limited, especially compared to tethered headsets, and players’ visual expectations shouldn’t be set too high.

Sadly, the Gear VR is only compatible with Samsung’s top smartphones. However, more than five million headsets have been sold, and the well-thought-out Oculus Home integration guarantees a quality experience that cannot be matched in this pricing segment.

Visit Website – OculusVisit Website – Samsung

Oculus Go

Panel/Display LCD
Resolution (combined) 2560 x 1440
Field of view 100°
Refresh rate 60-72 Hz
Positional Tracking Not supported
Motion Controller Oculus Go Controller
Host device Stand-alone
Software platform Oculus Home
Release date May 2018
Weight (Headset) 468 gr
Price $219.00

Visit Website

Oculus Quest

Panel/Display OLED
Resolution (combined) 3200 x 1440
Field of view 100°
Refresh rate 72 Hz
Positional Tracking yes
Motion Controller Oculus Touch
Host device Stand-alone
Software platform Oculus Home
Release date Spring 2019
Weight (Headset) 570 gr
Price $399.00

Visit Website

Shadow VR

Panel/Display LCD
Resolution (combined) 2560 x 1440
Field of view 110°
Refresh rate
Positional Tracking yes
Motion Controller Shadow Controller
Host device Stand-alone
Software platform Viveport/ViveWave
Release date November 2018
Weight (Headset)
Price $399.00

Visit Website

Mirage Solo

Panel/Display LCD
Resolution (combined) 2560 x 1440
Field of view 110°
Refresh rate 75 Hz
Positional Tracking yes
Motion Controller Daydream Controller
Host device Stand-alone
Software platform Daydream VR
Release date May 2018
Weight (Headset) 645 gr
Price $399.00

Visit Website

VIVE Focus

Panel/Display OLED
Resolution (combined) 2880 x 1600
Field of view 110°
Refresh rate 75 Hz
Positional Tracking yes
Motion Controller VIVE Focus Controller
Host device Stand-alone
Software platform Wive Wave
Release date November 2018
Weight (Headset) 679 gr
Price $599.00

Visit Website

Google Daydream

Panel/Display OLED
Resolution (combined) 2560×1440
Field of view 100°
Refresh rate 90 Hz
Positional Tracking no
Motion Controller Daydream Controller
Host device List of supported Android Phones
Software platform Daydream VR
Release date November 2016
Weight (Headset) 220 gr
Price $99.00

The Google Daydream View was released in November 2016 and was recently (October 2017) succeeded by a slightly improved but more expensive version. It comes with a motion tracking Bluetooth controller and works similarly to the Google Cardboard or Gear VR. After the setup process, which involves installing the Daydream app from the store and following the instructions, the smartphone can be inserted into the headset. Unlike the Gear VR, the Daydream View supports multiple smartphones with the headset, including select models from ZTE, Huawei, Samsung, Motorola, Asus, LG and, of course, Google’s own Pixel/Pixel 2 series.

The menu and store connection features are comparable to Oculus Home but feel less extensive in terms of the available apps and games. However, there is a lot of content to be explored and, thanks to the fabric design, the headset’s look is less tech-nerdy and more comfortable than the Cardboard and the Gear VR. For the owner of a supported smartphone from the list, the Daydream View is a valid alternative to Samsung’s Gear VR.

Visit Website

Zeiss VR One

Panel/Display
Resolution (combined) depends on smartphone
Field of view 100°
Refresh rate depends on smartphone
Positional Tracking Not supported
Motion Controller Not supported
Host device Apple and Samsung Smartphones
Software platform Google Play / iOS Appstore
Release date June 2016
Weight (Headset) 350 gr
Price $49.99

The Zeiss VR ONE Plus, the successor to the VR ONE, was released in June 2016 by German optics and camera lens manufacturer Zeiss. It features a tray for ideal positioning of the smartphone and a translucent plastic front panel, allowing users to utilize the smartphone camera for AR purposes. Luckily, the headset has now a universal tray that holds any smartphone with a display size between 4,7 and 5,5 inches; the older model needed a specific tray depending on the type and size of the smartphone. The VR ONE Plus includes high-quality but non-adjustable lenses and offers comfortable handling. Unlike the Daydream View or Gear VR, there is no controller or touch panel for navigation included. The price tag dropped and is now about 50€.

Zeiss provides a few apps, especially for their VR headset on both iOS and Android. Unfortunately, these are tech demos at best, since they add little value and feel unpolished. However, all the standard VR apps available in their respective stores can be used and allow, due to the quality lenses, a good VR experience. In conclusion, the VR ONE Plus is manufactured very well but lacks dedicated high-quality content and a controller device. It might be the choice for smartphones that are not supported by Daydream View or Gear VR.

Visit Website

Google Cardboard

Panel/Display
Resolution (combined) depends on smartphone
Field of view 90°
Refresh rate depends on smartphone
Positional Tracking Not supported
Motion Controller Not supported
Host device VR ready smartphones
Software platform Google Play / iOS Appstore
Release date June 2014
Weight (Headset) < 90 gr
Price $15.00

The Google Cardboard headset, which is literally made of cardboard, was released in June 2014. It is the perfect entry into VR since it’s super cheap and compatible with almost any device. There are dozens of different versions, e.g., do-it-yourself manuals, and free promotional gifts, with and without a head strap but always featuring a pair of simple plastic lenses. There is no controller, no buttons and often, not even a head strap. Consequently, the wear comfort is low, especially over time. However, the headset is sufficient for testing simple VR apps (e.g., watching YouTube in VR) or games and getting an idea of the technology. To sum up, it is the best headset for curious people or for use during promotional events to take the first step into the VR sphere.

Visit Website
]]>
https://delight-vr.com/blog/best-vr-headsets/feed/ 0
List of VR Headsets 2022 https://delight-vr.com/blog/list-of-vr-headsets-2022/ https://delight-vr.com/blog/list-of-vr-headsets-2022/#respond Tue, 14 May 2019 16:10:32 +0000 http://website-backend.delight-xr.com/?p=60600

List of VR Headsets 2022

Virtual Reality (VR) invites you to explore alternative worlds as if you’re actually there. Simply take your smartphone and a headset and discover virtual spaces, games, and much more. Even though the technology has been around for years, the current generation of products and devices gets closer than ever to the VR’s original promise: getting elsewhere and connecting to whatever matters most to you.

With the technology advancing every year, the hardware is getting cheaper and the software base is growing steadily. In other words, virtual reality becomes affordable and thanks to massive price drops and discounts on hardware and software bundles, now is the perfect time to get your own VR headset and discover what all the hype is about.

Google Cardboard

Field of view 90°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2014
Price $15
visit website

VeeR Fabric VR

Field of view 95°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2017
Price $14
visit website

Merge

Field of view 90°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2017
Price $29
visit website

VeeR OASIS VR

Field of view 112°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller Yes
Release date 2018
Price $29
visit website

VR Shinecon

Field of view 90°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2018
Price $35
visit website

Zeiss VR One

Field of view 100°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2015
Price $49
visit website

Sytros Premium VR

Field of view depends on smartphone
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2017
Price $49
visit website

Bnext VR

Field of view depends on smartphone
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2017
Price $49
visit website

Google Daydream View

Field of view 90°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller Yes
Release date 2016
Price $79
visit website

Vuzix iWear

Field of view 55°
Max Resolution (combined) 1280×720
Type Tethered
Positional Tracking No
Motion Controller Yes
Release date 2016
Price $99
visit website

Google Daydream View 2

Field of view 100°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller Yes
Release date 2017
Price $99
visit website

Samsung Gear VR

Field of view 101°
Max Resolution (combined) 2560×1440
Type Cardboard
Positional Tracking No
Motion Controller Yes
Release date 2017
Price $129
visit website

ImmersiOn-VRelia GO

Field of view 130°
Max Resolution (combined) depends on smartphone
Type Cardboard
Positional Tracking No
Motion Controller Yes
Release date 2015
Price $139
visit website

Woxter Neo VR100

Field of view 42°
Max Resolution (combined) 1920×1080
Type Cardboard
Positional Tracking No
Motion Controller No
Release date 2017
Price $199
visit website

Genbasic Quad HD

Field of view 110°
Max Resolution (combined) 2560×1440
Type Standalone
Positional Tracking No
Motion Controller No
Release date 2016
Price $199
visit website

Oculus Go

Field of view 100°
Max Resolution (combined) 2560×1440
Type Standalone
Positional Tracking No
Motion Controller Yes
Release date 2018
Price $219
visit website

Xiaomi Mi VR

Field of view 100°
Max Resolution (combined) 2560×1440
Type Standalone
Positional Tracking No
Motion Controller Yes
Release date 2018
Price $234
visit website

Pico Neo

Field of view 102°
Max Resolution (combined) 2880×1600
Type Standalone
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $239
visit website

Pico Goblin

Field of view 90°
Max Resolution (combined) 2560×1440
Type Standalone
Positional Tracking No
Motion Controller No
Release date 2017
Price $249
visit website

Playstation VR

Field of view 100°
Max Resolution (combined) 1920×1080
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2016
Price $269
visit website

Galax Vision

Field of view 100°
Max Resolution (combined) 1920×1080
Type Tethered
Positional Tracking No
Motion Controller Yes
Release date 2016
Price $279
visit website

Huawei VR2

Field of view 100°
Max Resolution (combined) 3200×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $289
visit website

Acer AH101

Field of view 95°
Max Resolution (combined) 2880×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2017
Price $299
visit website

Razer OSVR HDK 1

Field of view 100°
Max Resolution (combined) 2160×1200
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2015
Price $299
visit website

HP VR1000-100

Field of view 95°
Max Resolution (combined) 2880×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2017
Price $329
visit website

Dell Visor

Field of view 110°
Max Resolution (combined) 2880×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2017
Price $349
visit website

Lenovo Explorer

Field of view 105°
Max Resolution (combined) 2880×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2017
Price $349
visit website

Helmet Vision Fly

Field of view 120°
Max Resolution (combined) 3840×1200
Type Standalone
Positional Tracking No
Motion Controller Yes
Release date 2019
Price $349
visit website

Pico G2 4K

Field of view 101°
Max Resolution (combined) 3840×2160
Type Standalone
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $369
visit website

Deepoon VR E3-B

Field of view 110°
Max Resolution (combined) 2560×1440
Type Tethered
Positional Tracking No
Motion Controller Yes
Release date 2018
Price $379
visit website

Oculus Rift

Field of view 110°
Max Resolution (combined) 2160×1200
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2016
Price $399
visit website

Oculus Rift S

Field of view 115°
Max Resolution (combined) 2560×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $399
visit website

Oculus Quest

Field of view 100°
Max Resolution (combined) 3200×1440
Type Standalone
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $399
visit website

Shadow VR

Field of view 110°
Max Resolution (combined) 2560×1440
Type Standalone
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $399
visit website

Mirage Solo

Field of view 110°
Max Resolution (combined) 2560×1440
Type Standalone
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $399
visit website

Snapdragon VR820

Field of view 100°
Max Resolution (combined) 2880×1440
Type Standalone
Positional Tracking Yes
Motion Controller No
Release date 2016
Price $399
visit website

Deepoon VR P1

Field of view 96°
Max Resolution (combined) 2560×1440
Type Standalone
Positional Tracking No
Motion Controller Yes
Release date 2018
Price $399
visit website

Razer OSVR HDK 2

Field of view 110°
Max Resolution (combined) 2160×1200
Type Tethered
Positional Tracking No
Motion Controller Yes
Release date 2016
Price $399
visit website

Acer OJO 500

Field of view 100°
Max Resolution (combined) 2880×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $399
visit website

ASUS HC102

Field of view 95°
Max Resolution (combined) 2880×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $449
visit website

ANTVR Cyclop

Field of view 110°
Max Resolution (combined) 2160×1200
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2017
Price $449
visit website

Avengant Glyph

Field of view 40°
Max Resolution (combined) 2560×720
Type Tethered
Positional Tracking No
Motion Controller No
Release date 2016
Price $459
visit website

Samsung Odyssey

Field of view 110°
Max Resolution (combined) 2880×1600
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2017
Price $499
visit website

Valve Index

Field of view 130°
Max Resolution (combined) 2880×1600
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $499
visit website

3Glasses Blubur S2

Field of view 90°
Max Resolution (combined) 1440×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $549
visit website

ImmersiOn-VRelia BlueSky Pro

Field of view 123°
Max Resolution (combined) 2160×1920
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2015
Price $549
visit website

Deepoon VR M2 Pro

Field of view 96°
Max Resolution (combined) 2650×1440
Type Standalone
Positional Tracking No
Motion Controller No
Release date 2016
Price $589
visit website

HTC Vive

Field of view 110°
Max Resolution (combined) 2160×1200
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2016
Price $599
visit website

FOVE

Field of view 100°
Max Resolution (combined) 2560×1440
Type Tethered
Positional Tracking Yes
Motion Controller No
Release date 2017
Price $599
visit website

VIVE Focus

Field of view 110°
Max Resolution (combined) 2880×1600
Type Standalone
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $599
visit website

LG Ultragear VR

Field of view 110°
Max Resolution (combined) 1440×1280
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $599
visit website

HP Reverb

Field of view 114º
Max Resolution (combined) 4320×2160
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $649
visit website

Pimax 5K Plus

Field of view 200º
Max Resolution (combined) 5120×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $699
visit website

Deepoon VR E3-C

Field of view 110º
Max Resolution (combined) 2560×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $699
visit website

Deepoon VR E3-Polaris

Field of view 110º
Max Resolution (combined) 2560×1440
Type Tethered
Positional Tracking No
Motion Controller Yes
Release date 2018
Price $699
visit website

HTC Vive Pro

Field of view 110°
Max Resolution (combined) 2880×1600
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $799
visit website

HTC Vive Cosmos

Field of view -
Max Resolution (combined) -
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $799
visit website

HTC Vive Focus Plus

Field of view 110°
Max Resolution (combined) 2880×1600
Type Standalone
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $799
visit website

Pimax 8K

Field of view 200°
Max Resolution (combined) 7680×2160
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $899
visit website

Deus Odin

Field of view 110°
Max Resolution (combined) 4320×2160
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $1100
visit website

HTC Vive Pro Eye

Field of view 110°
Max Resolution (combined) 2880×1600
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $1899
visit website

StarVR One

Field of view 210°
Max Resolution (combined) 3660×1464
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $3199
visit website

XTAL

Field of view 180º
Max Resolution (combined) 5120×1440
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2018
Price $5800
visit website

Varjo VR-1

Field of view 87°
Max Resolution (combined) 1920×1080
Type Tethered
Positional Tracking Yes
Motion Controller Yes
Release date 2019
Price $6999
visit website

VRHero 5K Plus

Field of view 170°
Max Resolution (combined) 5120×1440
Type Tethered
Positional Tracking Yes
Motion Controller No
Release date 2017
Price $9000
visit website
]]>
https://delight-vr.com/blog/list-of-vr-headsets-2022/feed/ 0
Dynamic Affiliate Spots https://delight-vr.com/documentation/dynamic-affiliate-spots/ Tue, 20 Feb 2018 11:33:38 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=52332

Dynamic Affiliate Spots (Beta)

Delight XR Dynamic Affiliate Spots provide a standard non-intrusive way to display affiliate items on top of Delight XR Video content. They do not strive to be completely customizable, but rather be constrained in order to provide a user-friendly, standardized yet highly convertible affiliate space. They integrate neatly with the UX of Delight XR and thus seem naturally embedded into the playout experience.


<dl8-affiliate>

To enable the feature a <dl8-affiliate> tag must be placed as a child of <dl8-video>. The <dl8-affiliate> tag itself supports two children: <dl8-affiliate-spot> and <dl8-affiliate-item>.


<dl8-affiliate-spot>

Affiliate spots describe the appearance and behavior of places where you want your items to display in Delight XR. Affiliate spots can be defined by using the <dl8-affiliate-spot> tag. The tag currently supports two attributes:

 

placing=”<string>” [mandatory]

The location/placing of the spot. This attribute can currently be one of:

WIZARD
Will be shown when the user enters the VR Wizard screen. This placing supports multiple items.

PAUSE
Will be shown when the user pauses the Video.

NO_VR_SCREEN
Will be shown when the user presses the VR button, but does not have a Headset connected (on desktop). This placing supports multiple items.

 

cta=”<string>” [optional]

Defines a CTA (Call To Action) text to be displayed at a sensible location on the defined spot.


<dl8-affiliate-item>

Affiliate items are what ultimately gets displayed and is what you want to show/sell. Affiliate items are described by the <dl8-affiliate-item> tag. Once you have defined a number of affiliate items, they are distributed randomly across the <dl8-affiliate-spot>s as defined above. An affiliate item needs at least an “url” and a “name” attribute to be valid. But it supports more attributes to describe the affiliate item further and to customize it’s appearance.

 

url=”<URL>” [mandatory]

The URL to redirect to when the affiliate item is clicked.

 

name=”<string>” [mandatory]

The name that should be displayed on the affiliate item.

 

thumbnail=”<URI>” [optional]

An URI pointing to a thumbnail Image describing the product. It is recommended to use square aspects but you can also use slightly wide images. Also it is recommended to use medium resolution images to avoid oversampling and high load-times.

 

description=”<string>” [optional]

An optional more detailed description of the item you want to redirect to.


Example

A full example of a <dl8-video> with a <dl8-affiliate> configuration could look as follows:

<dl8-video title="Example-Video" author="Jane Doe" format="STEREO_180_LR" poster="example.jpg" display-mode="inline">
  <source src="proxy.php?url=example.mp4" type="video/mp4" />
  <source src="proxy.php?url=example.webm" type="video/webm" /> 
  <dl8-affiliate>
  	<dl8-affiliate-spot placing="WIZARD" cta="Need a headset?"></dl8-affiliate-spot>
  	<dl8-affiliate-spot placing="PAUSE"></dl8-affiliate-spot>
  	<dl8-affiliate-spot placing="NO_VR_SCREEN" cta="Get the full experience!"></dl8-affiliate-spot>
    <dl8-affiliate-item
    	name="Item 1"
    	thumbnail="//example.org/affil-item1-thumb.jpg"
     	description="Get Item 1 Here!"
     	url="https://example.org/tracking/item1"
    ></dl8-affiliate-item>
    <dl8-affiliate-item
     	name="Item 2"
     	thumbnail="//example.org/affil-item2-thumb.jpg"
    	description="Get Item 2 Here!"
    	url="https://example.org/tracking/item2"
    ></dl8-affiliate-item>
    <dl8-affiliate-item
     	name="Item 3"
     	thumbnail="//example.org/affil-item3-thumb.jpg"
    	description="Get Item 3 Here!"
    	url="https://example.org/tracking/item3"
    ></dl8-affiliate-item>
   </dl8-affiliate>
</dl8-video>

]]>
Recommendations https://delight-vr.com/documentation/recommendations/ Fri, 21 Jul 2017 10:51:02 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=51995

Video and content recommendations

Delight XR can display related content in 2D as well as VR. This allows for a very convenient user experience as users can jump from one content to another without leaving the experience. You can either add contents statically via HTML markup or dynamically through a Javascript hook. As of now related content can either be a <dl8-video>, <dl8-cinema>, <dl8-live-video> or an <dl8-external-content> element that opens a new URL and can optionally autostart Delight XR on this URL. This enables further use cases like placing ad banners inside the related content widget or redirection of users to other sites with Delight XR content.

The feature can be included by adding the <dl8-recommendation> element inside the <dl8-video>, <dl8-cinema> or <dl8-live-video> element. The <dl8-recommendation> has the following parameters:

title=”<string>” [optional]

Specifies the text that is shown above the recommendations in VR to give the related items that are displayed a bit more context. For example if you host a video portal and want to display videos that are related to the current video you could write title=“Related videos” to make it clear for the users that the next clips are videos and related. The default value is “Recommendations”

mode=”<static|dynamic>” [optional]

This indicates the mode on how recommendations are going to be fetched. There is a “static” and a “dynamic” mode. The default is “dynamic”.
In “static” mode simply add <dl8-video> or <dl8-external-content> elements as children to the <dl8-recommendation> element like so:

 <dl8-video ...> 
    <source .../>
    <dl8-recommendation mode="static">
        <dl8-video 
          format="STEREO_360_TB" 
          title="Related Video 1" 
          poster="p1.jpg"
        >
            <source …/>
        </dl8-video>
        <dl8-external-content
          title="Related Content 2"
          poster="p2.jpg"
          url="http://somedomain.com/related"
          autostart
        ></dl8-external-content>
    </dl8-recommendation>
 </dl8-video>

In “dynamic” mode new recommendations are dynamically queried via a Javascript hook that is user defined. This enables you to implement your own recommendation logic based on the current content. To implement dynamic recommendations just add the following parameter:

on-request-recommendation=”<function(requestId, count, recommendationCallback)>”

This function will be called whenever the player needs to be fetched from the server. Through the given arguments you can formulate queries to your own server that then can respond with a set of recommendations. On server response you can create an array of contents (either dl8-video or dl8-external-content) that adhere to the Delight VR json spec and pass them as an argument to the recommendationCallback function. A complete example could look like this:

 <script> 
    // The requestRecommendations function could be named anything and could reside anywhere. 
    // The DVR.requestRecommendations is just an example.
    window.DVR = {
        requestRecommendations: function(id, count, recommendationCallback) {
            // pseudo code
            requestDataFromServer(id, count).then(res => {
                var recommendations = createDelightVRJsonSpecFromResponse(res)
                recommendationCallback(recommendations)
            })
        }
    }
 </script>

 <dl8-video ...> 
    <source .../>
    <dl8-recommendation 
      mode="dynamic"
      request-id="example-id-1"
      on-request-content="DVR.requestRecommendations(id, count, recommendationCallback)"
    >
    </dl8-recommendation>
 </dl8-video>

]]>
dl8-external-content https://delight-vr.com/documentation/dl8-external-content/ Fri, 21 Jul 2017 10:48:44 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=51991

<dl8-external-content>

With this element you can link to other external URLs. It can only be added to other dl8 elements and can’t be used standalone. As of now it can be added inside a <dl8-recommendation> element and inside a <dl8-hub-content> element. Since it features a poster image and an optional title a common use case is to use this element for placing ads, affiliates, special content or use it as general traffic redirection to other sites with Delight VR content.

 <dl8-external-content 
   url="somedomain.com/link.html" 
   poster="poster.jpg" 
   title="External Link 1"
   autostart
 >
 </dl8-external-content>

The element features the following attributes:

url=”<uri>” [mandatory]

Specifies the URL of the external content. If the URL references a site with Delight XR the autostart attribute becomes important.

title=”<string>” [optional]

The title text that will be displayed as a label on the content tile.

poster=”<uri>” [optional]

The poster image that will be displayed on the content tile. Please note that a cover layout is used for the poster.

autostart [optional]

If set and the <URI> in the url attribute points to a Delight XR enabled website the Delight XR player on the target page will automatically start. The default is false

window-name=”<string>” [optional]

A DOMString specifying the name of the browsing context (window, <iframe> or tab) into which to load the specified external content; if the name doesn’t indicate an existing context, a new window is created and is given the name specified by window-name. This name can then be used as the target of links and forms by specifying it as the targetattribute of <a> or <form> elements. The name should not contain whitespace. Keep in mind that this will not be used as the window’s displayed title.

window-features=”<string>” [optional]

A DOMString containing a comma-separated list of window features given with their corresponding values in the form “name=value”. These features include options such as the window’s default size and position, whether or not to include scroll bars, and so forth. There must be no whitespace in the string. See Window features in the MDN for documentation of each of the features that can be specified.

]]>
dl8-hub https://delight-vr.com/documentation/dl8-hub/ https://delight-vr.com/documentation/dl8-hub/#respond Mon, 10 Jul 2017 17:06:26 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=51606

<dl8-hub>

The Hub is a fully customizable and data-driven Delight XR element that connects multiple VR contents through a navigation hub that is explorable in VR.

home-02-hub

The interface presented in the hub is composed of widgets like content grids and menus. These widgets (like the content itself) are created through markup as child elements of the <dl8-hub>. A powerful action system based on filter and sorter actions ensures a flexible approach to what is shown in content views and in which order.


Getting started

The simplest reasonable form of the <dl8-hub> includes a few contents wrapped in a <dl8-hub-content> element and just one grid widget (<dl8-hub-grid>). All widgets and views (i.e. things that are actual interface elements) need to be grouped into a layout component to tell the system how to arrange the widgets around the user. In the current version this layout element is the <dl8-hub-vizor>.

With this basic building blocks at hand a good markup starting point for a simple hub would look like this:

<dl8-hub>
  <dl8-hub-content>
    <dl8-video title="Video 1" poster="p1.jpg" format="STEREO_360_TB">
      <source src="proxy.php?url=video1.mp4" type="video/mp4"/>
    </dl8-video>
    <!-- ... -->   
    <dl8-img title="Image 6" poster="p2.jpg" src="proxy.php?url=img.jpg" format="MONO_360">
    </dl8-img>
  </dl8-hub-content>
  <dl8-hub-vizor>
    <dl8-hub-grid></dl8-hub-grid>
  </dl8-hub-vizor>
 </dl8-hub>

The result might look something like this:


Hub Markup in Depth

In this section we will go over the different elements that make up the hub in detail and explain their markup and element API.

<dl8-hub>

This is the root element. Since it’s also an embed element like other Delight VR contents (videos, images, etc.) it has the same common API (width, height, poster, title, etc.). There are two additional parameters to control the room that surrounds the hub which behave exactly like the equally named parameters of the <dl8-cinema> element and setup the 360° image for the room:

room-src=”<URI>” (optional)

room-format=”<string>” (optional)

There are several child elements that can be added to the <dl8-hub>. There are two different kinds: Elements that provide data and semantic (<dl8-hub-content>, <dl8-hub-filter>, <dl8-hub-sorter> and elements that provide the visual representation (<dl8-hub-vizor>)

<dl8-hub-content>

This element groups up all the content that the hub should display. It is important to note that there is a separation of appearance and data at play here. Contents defined as child elements of this grouping element have no visual representation but only provide the data for the visual elements (aka widgets). The child elements can either be regular Delight VR contents (dl8-video, dl8-img, dl8-tour, etc.) or <dl8-hub-group> elements. Additionally you can add <dl8-external-content> elements which represent links to other sites and external content. This allows you to setup things like banner ads, affiliate links and other traffic redirection mechanisms. 

To account for use cases with massive amounts of data and server-side filtering and pagination logic the <dl8-hub-content> mode attribute can be set to dynamic. This in combination with two additional events on the element allow for dynamic fetching of contents for the widgets. The attributes are as follows:

mode=”<static|dynamic>”

on-request-content=”<function(startIdx, endIdx, filters, sorter, contentCallback)>”
This function will be called whenever the hub detects that a content is missing upon user interaction and needs to be fetched from the server. Through the given arguments you can formulate paginate queries to the server that then can respond with a subset of contents. On server response you can create an array of contents that adhere to the Delight VR json spec (see below) and pass them as an argument to the contentCallback function.

on-request-content-count=”<function(filters, contentCountCallback)>”
This function will be called when the hub needs to know the item count for a specific subset of the contents. This is used to build up pagination and other related things. When the server responds with the count just pass that as an argument to the contentCountCallback function.

The Delight VR JSON/Object Spec

To support dynamically adding contents when the dl8-hub-content mode is dynamic you need to pass an array of contents to the contentCallback function in the on-request-content handler. The data passed to this callback must adhere to the Delight VR Object specification. Here is an example of how a <dl8-video> element with two sources would look like:

{
  tagName: "dl8-video",
  title: "Example Video",
  poster: "example-poster.jpg",
  format: "STEREO_360_TB",
  _children: [{
    tagName: "source",
    src: "example-low.mp4",
    type: "video/mp4",
    quality: "low"
  }, {
    tagName: "source",
    src: "example-high.mp4",
    type: "video/mp4",
    quality: "high"
  }]
}

Generally a content is always described by the tagName, all subsequent attributes and optional children tags adhering to the same spec recursively in the _children property. Below you will find a description of the format:

<data> = {
  tagName: <a-valid-dl8-content-tag>,
  opt <attrNameInCamelCase>: <string>, // NOTE: camel case will be
  // converted to attribute
  // notation:
  // forExample -> for-example
  ...
  opt _children: [ // NOTE: recursive nesting is 
    // possible
    <data>,
    ...,
    <data>
  ]
}

Filter and sorter API

When the on-request-content and on-request-content-count handlers are called, your JavaScript function will be given a filters and a sorter argument. These arguments are arrays of filterIds or sorterIds that you can use to identify your filter and sorter objects to formulate a backend query.

<dl8-hub-group>

The <dl8-hub-group> is a meta element that can group contents by defining actions (filtering, sorting) that are triggered when interacting with it. Like a menu item that can appear amidst contents in a content widget.

<dl8-hub-group title="Music" poster="poster.jpg">
  <dl8-hub-action-filter for="main" filter="musicFilter">
  </dl8-hub-action-filter>
</dl8-hub-group>

<dl8-hub-filter>

The <dl8-hub-filter> is a grouping element for all available filters. Filters are means to filter content according to content types, existing content attributes or even freely definable content attributes (x-attrs). They can be referenced by <dl8-hub-action-filter> actions. Each filter has a filter-id attribute to reference it and a value attribute to tell the system what should be filtered. Attribute filter additionally have a attr attribute to declare over which content attribute to filter. Given that you are using the dynamic content mode you can use the <dl8-hub-filter-dynamic> to reference remote implementations. Possible child elements of <dl8-hub-filter> are:

<dl8-hub-filter-attr-is
filter-id=”<string>” attr=”<string>” value=”<string>”
>
<dl8-hub-filter-attr-contains
filter-id=”<string>” attr=”<string>” value=”<string>”
>
<dl8-hub-filter-attr-contains-one-of
filter-id=”<string>” attr=”<string>” value=”<array>”
>
<dl8-hub-filter-attr-contains-all-of
filter-id=”<string>” attr=”<string>” value=”<array>”
>
<dl8-hub-filter-element-is
filter-id=”<string>” value=”<string>”
>
<dl8-hub-filter-element-is-one-of
filter-id=”<string>” value=”<array>”
>
<dl8-hub-filter-dynamic
filter-id=”<string>”
>

This for example can be used in combination with a <dl8-hub-group> element to define a grid tile that, upon interacting, filters the grid view to only show videos:

<dl8-hub>

<dl8-hub-content>
 <dl8-video ...></dl8-video>
 <dl8-img ...></dl8-img>
 <dl8-hub-group title="Videos" poster="poster.jpg">
 <dl8-hub-action-filter for="main" filter="videoFilter">
 </dl8-hub-action-filter>
 </dl8-hub-group>
 </dl8-hub-content>

<dl8-hub-filter>
 <dl8-hub-filter-element-is filter-id="videoFilter" value="dl8-video">
 </dl8-hub-filter-element-is>
 </dl8-hub-filter>

<dl8-hub-vizor>
 <dl8-hub-grid view-id="main"></dl8-hub-grid>
 </dl8-hub-vizor>

</dl8-hub>

<dl8-hub-sorter>

This is a grouping element for all sorters. Sorter are means to sort content over freely defined content attributes. Sorter and Filter have lot in common. Both can be referenced by actions via the sorter-id and define the attribute over which to sort with the attr attribute. Sorting can either be done lexicographical or numerical. This is defined by the type attribute. Given you are working in a dynamic query mode (see above for details) you can use the dl8-hub-sorter-dynamic to reference your remote server implementation of a sort. Currently the following sorter are available:

<dl8-hub-sorter-attr
sorter-id=”<string>” attr=”<string>” type=”<lexicographical|numerical>”
>
<dl8-hub-sorter-dynamic
sorter-id=”<string>”
>

<dl8-hub-vizor>

The vizor groups all children widget elements and lays them out horizontally on a virtual cylinder around the user. It does so by centering all widgets along the resting position (negative z-axis) and stretching widgets out vertically so they fill up the height of the vizor. It currently is the only available layout system for the hub. You can set the following attributes:

height=”<number>” (optional)

radius=”<number”> (optional)

spacing=”<number>” (optional)

show-brand-logo (boolean, optional)

show-home-button (boolean, optional)

no-shadow  (boolean, optional)

<dl8-hub-grid>

The grid is one of two currently available widgets. It is the main view for displaying content. It displays cover items with thumbnails and labels in a regular grid view with freely definable column and row count and can be paginated when not all items fit one page. The pagination can either be vertically or horizontally. The view can be filtered and sorted by default through setting filter and sorter attributes respectively.


As a bonus the grid can have a sorter dropdown by providing a sorter-list so the user can choose the ordering of the displayed contents. Possible attributes are:


title=”<string”> (optional)

view-id=”<string>” (optional)

width=”<number>” (optional)

rows=”<number>” (optional)

columns=”<number>” (optional)

tile-padding-x=”<number>” (optional)

tile-padding-y=”<number>” (optional)

scroll-mode=”<vertical|horizontal>” (optional)

show-no-cover-text (boolean, optional)

filter=”<filter-id>” (optional)

sorter=”<sorter-id”> (optional)

sorter-list=”<array>” (optional)

<dl8-hub-menu>

The menu widget displays <dl8-menu-item> child elements in a vertical scrolling list. Menu items just like hub groups can trigger multiple actions (filter actions, sorter actions, etc.). The menu has the following attributes:

title=”<string”> (optional)

view-id=”<string”> (optional)

width=”<number”> (optional)

rows=”<string”> (optional)

default-menu-item=”<menu-item-id>” (optional)

<dl8-hub-menu-item>

A menu item is a text button that upon interaction triggers the declared child action elements. It has the following attributes:

title=”<string”>

menu-item-id=”<string”> (optional)


The Action System

As mentioned in the markup section, triggerable elements (<dl8-hub-group>, <dl8-hub-menu-item>) can declare action elements as children which are executed in order of appearance when a user interacts with these. There are different types of actions. Currently there are 3 types: filter actions, sorter actions and set-title actions. The action system is build in a way that novel actions can easily be introduced so that greater flexibility and interactivity of the hub can be achieved in the future.

The currently supported actions are:

<dl8-hub-action-filter>

This action triggers a filter on a specified view

for=”<view-id>”

filter=”<filter-id>”

<dl8-hub-action-sort>

This action triggers a sort operation on a specified view

for=”<view-id>”

sorter=”<sorter-id>”

<dl8-hub-action-set-title>  

This action triggers a title change on a specified view

for=”<view-id>”

value=”<string>”


Examples

Three column layout

This is a full blown hub with a menu, a full size grid and a small side grid for special items

 <dl8-hub title="Three Columns" room-src="proxy.php?url=room.jpg" room-format="STEREO_360_TB">

  <!-- Contents -->
  <dl8-hub-content>
    <dl8-model poster="model-poster.jpg" title="Model" src="proxy.php?url=model.json">
      <dl8-model-ibl src="proxy.php?url=ibl/forest.json"></dl8-model-ibl>
      <dl8-model-skybox src="proxy.php?url=forest.png"></dl8-model-skybox>
    </dl8-model>
    <dl8-video title="Video 1" poster="video-poster1.jpg" format="MONO_360" x-dl8-attr-category="Music" x-dl8-attr-rating="1.0" x-dl8-attr-ts="123456778">
      <source src="proxy.php?url=video1.mp4" type="video/mp4" />
    </dl8-video>
    <dl8-video title="Video 2" poster="video-poster2.jpg" format="STEREO_360_TB" x-dl8-attr-category="Animation" x-dl8-attr-rating="4.0" x-dl8-attr-ts="123456782">
      <source src="proxy.php?url=video2.mp4" type="video/mp4" />
    </dl8-video>
    <dl8-video title="Video 3" poster="video-poster3.jpg" format="STEREO_360_TB" x-dl8-attr-category="Animation" x-dl8-attr-rating="4.0" x-dl8-attr-ts="123456782">
      <source src="proxy.php?url=video3.mp4" type="video/mp4" />
    </dl8-video>
    <dl8-img title="Photo 1" poster="photo-poster1.jpg" src="proxy.php?url=photo1.vr.jpg" format="CARDBOARD_PHOTO" x-dl8-attr-category="Photo" x-dl8-attr-tags="[ 'sunny', 'cloudy' ]" x-dl8-attr-rating="8.0" x-dl8-attr-ts="123456781">
    </dl8-img>
    <dl8-img title="Photo 2" poster="photo-poster2.jpg" src="proxy.php?url=photo2.jpg" format="MONO_360" x-dl8-attr-category="Photo" x-dl8-attr-tags="[ 'sunny', 'cloudy' ]" x-dl8-attr-rating="8.0" x-dl8-attr-ts="1234567811">
    </dl8-img>
    <dl8-hub-group title="Music" poster="music-cover.jpg">
      <dl8-hub-action-filter for="main" filter="categoryMusicFilter"></dl8-hub-action-filter>
      <dl8-hub-action-set-title for="main" value="Category: Music"></dl8-hub-action-set-title>
    </dl8-hub-group>
    <dl8-hub-group title="Photo" poster="photo-cover.jpg">
      <dl8-hub-action-filter for="main" filter="categoryPhotoFilter"></dl8-hub-action-filter>
      <dl8-hub-action-set-title for="main" value="Category: Photo"></dl8-hub-action-set-title>
    </dl8-hub-group>
    <dl8-hub-group title="Animation" poster="animation-cover.jpg">
      <dl8-hub-action-filter for="main" filter="categoryAnimationFilter"></dl8-hub-action-filter>
      <dl8-hub-action-set-title for="main" value="Category: Animation"></dl8-hub-action-set-title>
    </dl8-hub-group>
    <dl8-hub-group title="All Groups" poster="all-cover.jpg">
      <dl8-hub-action-filter for="main" filter="groupFilter"></dl8-hub-action-filter>
      <dl8-hub-action-set-title for="main" value="Category: All Groups"></dl8-hub-action-set-title>
    </dl8-hub-group>
  </dl8-hub-content>

  <!-- Visual Representation -->
  <dl8-hub-vizor brand-src="proxy.php?url=brand-logo.jpg" height="0.7" spacing="0.05">
    <dl8-hub-menu width="0.3" title="Home" default-menu-item="all" rows="10">
      <dl8-hub-menu-item menu-item-id="all" title="All">
        <dl8-hub-action-filter for="main" filter="allContentFilter"></dl8-hub-action-filter>
        <dl8-hub-action-set-title for="main" value="All"></dl8-hub-action-set-title>
      </dl8-hub-menu-item>
      <dl8-hub-menu-item title="Videos">
        <dl8-hub-action-filter for="main" filter="videosFilter"></dl8-hub-action-filter>
        <dl8-hub-action-set-title for="main" value="Videos"></dl8-hub-action-set-title>
      </dl8-hub-menu-item>
      <dl8-hub-menu-item title="Images">
        <dl8-hub-action-filter for="main" filter="imagesFilter"></dl8-hub-action-filter>
        <dl8-hub-action-set-title for="main" value="Images"></dl8-hub-action-set-title>
      </dl8-hub-menu-item>
      <dl8-hub-menu-item title="Music">
        <dl8-hub-action-filter for="main" filter="categoryMusicFilter"></dl8-hub-action-filter>
        <dl8-hub-action-set-title for="main" value="Music"></dl8-hub-action-set-title>
      </dl8-hub-menu-item>
      <dl8-hub-menu-item title="Best Images">
        <dl8-hub-action-filter for="mostRecentList" filter="imagesFilter"></dl8-hub-action-filter>
        <dl8-hub-action-set-title for="mostRecentList" value="Best Images"></dl8-hub-action-set-title>
      </dl8-hub-menu-item>
      <dl8-hub-menu-item title="Best Videos">
        <dl8-hub-action-filter for="mostRecentList" filter="videosFilter"></dl8-hub-action-filter>
        <dl8-hub-action-sort for="mostRecentList" sorter="timestampSorter"></dl8-hub-action-sort>
        <dl8-hub-action-set-title for="mostRecentList" value="Best Videos"></dl8-hub-action-set-title>
      </dl8-hub-menu-item>
      <dl8-hub-menu-item title="Popular Videos">
        <dl8-hub-action-filter for="mostRecentList" filter="videosFilter"></dl8-hub-action-filter>
        <dl8-hub-action-sort for="mostRecentList" sorter="ratingSorter"></dl8-hub-action-sort>
        <dl8-hub-action-sort for="mostRecentList" sorter="timestampSorter"></dl8-hub-action-sort>
        <dl8-hub-action-set-title for="mostRecentList" value="Popular Videos"></dl8-hub-action-set-title>
      </dl8-hub-menu-item>
    </dl8-hub-menu>
    <dl8-hub-grid view-id="main" width="1.0" scroll-mode="horizontal" columns="3" rows="3" title="Main" filter="allContentFilter" sorter="alphabeticalSorter"></dl8-hub-grid>
    <dl8-hub-grid view-id="mostRecentList" width="0.3" scroll-mode="vertical" columns="1" rows="3" title="Most Recent" filter="allContentFilter" sorter="timestampSorter" show-no-cover-text></dl8-hub-grid>
  </dl8-hub-vizor>

  <!-- Filters -->
  <dl8-hub-filter>
    <dl8-hub-filter-attr-is filter-id="categoryMusicFilter" attr="x-dl8-attr-category" value="Music"></dl8-hub-filter-attr-is>
    <dl8-hub-filter-attr-is filter-id="categoryAnimationFilter" attr="x-dl8-attr-category" value="Animation"></dl8-hub-filter-attr-is>
    <dl8-hub-filter-attr-is filter-id="categoryPhotoFilter" attr="x-dl8-attr-category" value="Photo"></dl8-hub-filter-attr-is>
    <dl8-hub-filter-attr-contains-one-of filter-id="tagFilterCloudyOr" attr="x-dl8-attr-tags" value="[ 'cloudy', 'sunny' ]"></dl8-hub-filter-attr-contains-one-of>
    <dl8-hub-filter-attr-contains-all-of filter-id="tagFilterCloudyAnd" attr="x-dl8-attr-tags" value="[ 'cloudy', 'sunny' ]"></dl8-hub-filter-attr-contains-all-of>
    <dl8-hub-filter-attr-contains filter-id="tagFilterSunny" attr="x-dl8-attr-tags" value="sunny"></dl8-hub-filter-attr-contains>
    <dl8-hub-filter-element-is filter-id="videosFilter" value="dl8-video"></dl8-hub-filter-element-is>
    <dl8-hub-filter-element-is filter-id="imagesFilter" value="dl8-img"></dl8-hub-filter-element-is>
    <dl8-hub-filter-element-is-one-of filter-id="groupFilter" value="[ 'dl8-hub-group' ]"></dl8-hub-filter-element-is-one-of>
    <dl8-hub-filter-element-is-one-of filter-id="allContentFilter" value="[ 'dl8-model', 'dl8-img', 'dl8-video', 'dl8-hub-group' ]"></dl8-hub-filter-element-is-one-of>
    <dl8-hub-filter-element-is filter-id="menuFilter" value="dl8-hub-menu-filter"></dl8-hub-filter-element-is>
  </dl8-hub-filter>

  <!-- Sorter -->
  <dl8-hub-sorter>
    <dl8-hub-sorter-attr sorter-id="alphabeticalSorter" attr="title" type="lexicographical" order="ascending"></dl8-hub-sorter-attr>
    <dl8-hub-sorter-attr sorter-id="ratingSorter" attr="x-dl8-attr-rating" type="numerical" order="descending"></dl8-hub-sorter-attr>
    <dl8-hub-sorter-attr sorter-id="timestampSorter" attr="x-dl8-attr-ts" type="numerical" order="descending"></dl8-hub-sorter-attr>
    <dl8-hub-sorter-attr sorter-id="timestampSorter2" attr="x-dl8-attr-ts" type="numerical" order="ascending"></dl8-hub-sorter-attr>
  </dl8-hub-sorter>

</dl8-hub>

]]>
https://delight-vr.com/documentation/dl8-hub/feed/ 0
dl8-live-video https://delight-vr.com/documentation/dl8-live-video/ https://delight-vr.com/documentation/dl8-live-video/#respond Fri, 16 Jun 2017 17:49:43 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=51127

<dl8-live-video>

The <dl8-live-video> element lets users enjoy 360°/180° and regular live streams with the UI and features tailored towards the live use case. The element works much like a regular <dl8-video> tag and builds upon all of the existing video markup and API (see the <dl8-video> documentation).

The <dl8-live-video> element works with HLS and MPEG/DASH stream sources (see adaptive streaming) and supports optional history seeking. In the future this element will become even more specialized to the live streaming use case with features like multi-cam, live chat and WebRTC support.

 <dl8-live-video title="Example Live Stream" poster="poster.jpg" author="John Doe"
             format="STEREO_180_LR" seekable>
    <source src="proxy.php?url=example-hls.m3u8" type="application/x-mpegurl" />
 </dl8-live-video>


seekable [optional]

A Boolean attribute; if specified users are able to seek back in time as far as the live stream is recorded and kept via the seeking bar. When clicking on the LIVE button users can jump back to the live broadcast.

]]>
https://delight-vr.com/documentation/dl8-live-video/feed/ 0
Changelog https://delight-vr.com/documentation/changelog/ Tue, 20 Sep 2016 12:34:26 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=48710

Delight XR Changelog


2.0.36 (2022-01-18) [latest]

  • update how-to-get-VR explainer dialog

2.0.35 (2021-12-21)

  • update device list for cardboard VR fallback mode
  • improve performance and stability

2.0.34 (2021-11-23)

  • add meta tag option <meta name=”x-dl8-no-save-quality”> to disable saving of quality selection
  • fix fallback to gaze mode on some WebXR cardboard devices
  • fix to keep quality selection when transitioning from and to VR mode

2.0.31 (2021-05-31)

  • show fallback generic VR controller model for unrecognized controller types
  • add button to conveniently exit VR in VR player controls

2.0.30 (2021-02-16)

  • fix issue when with showroom introduced in 2.0.28

2.0.29 (2020-12-22)

  • add compatibility=”vr|2d” attribute for <source> elements to make certain video renditions only play out on VR or 2D mode

2.0.28 (2020-11-23)

  • Optionally through meta tag <meta name=”dl8-customization-save-volume-level”> save audio levels between contents
  • Fix tour portal tooltip positioning on desktop

2.0.27 (2020-11-02)

  • Save audio levels when switching between recommendation contents
  • Fix switching to incompatible HLS resolution on mobile devices
  • Fix background rendering of tour info hotspot overlay
  • Fix issue with ambix FOA spatial audio rendering
  • Fix showing of device motion dialog when switching from 2D video to VR playback.
  • Workaround ios14 issue with cross origin HLS playback as WebGL texture

2.0.24 (2020-07-28)

  • Fix issue with spatial audio initialization in VR browsers. Affected audio formats were “ambix”, “8ball” and “8ball-4channels”.

2.0.23 (2020-07-23)

  • Fix other rare issue with video already playing on site load without pressing play button in newest Oculus Browser
  • Fix iPadOS cors bug detection
  • Fix Firefox issue with WebVR
  • Fix legibility of current video time in 3D VR video controls
  • Improved placement of icon buttons in the top part of the player UI on mobile to improve accessibility on iOS
  • Add close button for rotate-to-vr info overlay on iOS
  • Disabled webgl stats tracking by default, to enable use <meta name=”dl8-customization-use-webgl-stats”>

2.0.20 (2020-06-15)

  • Fix WebXR support for new Chrome based Edge Browser
  • Fix issue with video already playing on site load without pressing play button in newest Oculus Browser

2.0.17 (2020-05-06)

  • Fix player autostart in VR browsers with multiple site embeds
  • Workaround for iOS 13.4 device motion regression that prevented magic window and VR mode
  • Improved WebVR and WebXR paths
  • Fix pagination for dynamic hubs
  • Fix flat video support in VR
  • Fix WebXR daydream and Gear VR controller support

2.0.6 (2020-02-26)

  • Major design overhaul of the VR Showroom
  • All-new and improved 3D VR user-interface
  • Instant VR access on VR-only-Browsers (Removed ‘enter VR’ button)
  • Improved re-centering
  • Subtitle support
  • Major delight engine core refactor
  • Improved sharpness of textures, images and text
  • Improved rendering performance of all 3D UIs and the VR Showroom
  • WebXR Device API Support

1.6.12 (2020-02-14)

  • Workaround for Chrome 80 bug that broke magic window camera support
  • Workaround bug introduced in newest Oculus Browser that broke Oculus Go and Quest controller support
  • Fix iOS device motion access request process when Delight XR player is inside iframe
  • Added Galaxy S10 devices in VR wizard

1.6.8 (2019-09-20)

  • Fix handling of jumping between multiple HLS video embeds
  • Support new iOS 13 device motion permission handling
  • Optimize gamepad API implementation in newer Chrome versions

1.6.2 (2019-06-05)

  • Hotfix for Chrome >= 75: The Delight Engine shader resources needed to be restructured to accommodate for a change in Chrome’s WebGL rendering system

1.6.0 (2019-05-21)

  • New Design and UX for video recommendation view after a video ends
  • Oculus Quest controller support
  • Added German Translation
  • Support for next and previous video within video recommendations
  • Fine grained control over video recommendation autoplay behavior
  • Changed default logo in embed
  • Renamed to Delight XR

1.5.2 (2019-04-25)

  • Added customization option to prevent start of 3D engine to improve 2D video performance
  • Fixed issue with dynamic hubs and <dl8-hub-group> elements

1.5.1 (2019-03-25)

  • Refreshed and refined Player UI design
  • Added MONO_180 video format
  • Improved fullscreen support for 2D video
  • Improved 2D video on bigger iOS phones without a home button
  • Added rotate-to-fullscreen support
  • Introduced new customizing options for tour portals
  • Improve transition between contents in VR
  • Add warning and help dialog to guide users around missing device motion events on iOS >= 12.2

1.4.17 (2019-02-18)

  • Fix Firefox Reality user agent detection
  • Work around Chrome 72 Mac OSX video flicker bug

1.4.16 (2018-12-19)

  • architectural refactorings to support Delight XR wizard and Delight XR modules release

1.4.13 (2018-10-08)

  • Fixed “dl8-customization-no-title” meta tag to also hide title on embed UI
  • Fixed tap-to-unmute display logic
  • Disable player exit functionality when “dl8-customization-no-exit-button” meta tag is enabled
  • Added “not-pausable” attribute to <dl8-live-video> for live streams that can’t and shouldn’t be paused (i.e. WebRTC streams)
  • Added iPhone XS, iPhone XR and iPhone XS Max

1.4.12 (2018-09-14)

  • Player automatically saves adaptive quality selection for HLS and DASH videos now when enabled via the meta tag <meta name=”dl8-save-adaptive-quality”>
  • Added player-Fixed a rare misclassification where some phones got classified as a tablet and thus were unable to enter VR mode
  • Fixed HLS crossorigin use-credentials handling to correctly handle cases where crossorigin=”use-credentials” flag is being used for HLS videos
  • Fixed an issue where the body background color was not reset correctly after entering and leaving VR again

1.4.11 (2018-07-18)

  • Fixed a rare case where user was redirect to cors-fallback-url when an error in the system occurred
  • Fixed a rare misclassification where some phones got classified as a tablet and thus were unable to enter VR mode
  • Fixed HLS crossorigin use-credentials handling to correctly handle cases where crossorigin=”use-credentials” flag is being used for HLS videos
  • Fixed an issue where the body background color was not reset correctly after entering and leaving VR again

1.4.10 (2018-07-10)

  • Add updateDimensions() to element API to trigger embed size recalculation. This is useful when visibility of the element changes and the player should update the dimensions according to the new DOM state
  • Add tag filtering support to <dl8-hub>
  • Allow disabling of player autostart when being redirected to the cors fallback url with the “cors-fallback-no-autostart” attribute
  • Fix hud button positioning when certain elements like controls or title are force hidden
  • Fix autostart-vr bug when autostarting WebVR or autostarting fullscreen mode is not possible due to user gesture constraints
  • Add “dl8-customization-force-native-vr-resolution” meta tag to force 1:1 resolution of the device instead of the default optimized resolution for Android devices
  • Reduce hover scaling of <dl8-tour> elements
  • Fix pause and play indicators erroneously appearing in non-video elements

1.4.8 (2018-06-06)

  • play 2D videos without following cors fallback url
  • disable redirection to cors-fallback-url on iOS >= 11.1
  • save video quality selection across sites
  • fix duplication of qualities in quality dropdown
  • fix issue caused by very large preview thumbnail sprite sheets
  • add ‘autostart’ attribute to automatically start a content element (including a ‘tap-to-unmute’ hint to support common video autoplay behavior)
  • add ‘disable-tap-to-unmute’ option to disable the automatic muting of videos when autostart attribute is present
  • add ‘autostart-vr’ attribute to launch directly into VR mode
  • add option to disable capturing of scroll events (‘disable-scroll-capture’)
  • add option to disable capturing of touch events (‘disable-touch-capture’)
  • add option to disable capturing of mouse events (‘disable-mouse-capture’)
  • add option to disable vertical dragging on mobile (‘disable-vertical-touch-dragging’)
  • add option to disable vertical dragging on desktop (‘disable-vertical-mouse-dragging’)
  • add option to disable the 3D HUD for controlling videos in VR (‘disable-3d-hud’)
  • add meta tag to skip the VR wizard (<meta name=”dl8-customization-skip-vr-wizard”>)
  • add ‘autoplay’ attribute to <dl8-recommendation> sub-element to support automatically playing the first recommendation when the video has ended
  • add ‘hidden’ attribute to <dl8-recommendation> sub-element to hide the recommendation UI
  • add <dl8-tour-content-portal> sub-element which behaves like the <dl8-tour-portal> but can activate another content instead of jumping to another tour image

1.4.7 (2018-05-14)

  • Add Oculus Go controller support
  • Improve DASH playback

1.4.6 (2018-05-02)

  • Fix magic window mode for Chrome Android > 60 with enabled WebVR API
  • Fix regression where recommendations where sometimes not removed correctly when hopping between recommendations
  • Fix HLS quality selection of sources bigger than 1080p on IE11
  • Fix dynamic DOM deletion of dl8 elements

1.4.5 (2018-04-06)

  • Fix HLS and DASH quality selection
  • Fix rare issue with adaptive streaming playback when switching between different Delight VR contents
  • Improve video frame update interval to fix irregular video frames in certain situations

1.4.0 (2018-03-16)

  • Add numerous freely configurable banner ad spots
  • Add ability to switch qualities for adaptive video streams (HLS / DASH)
  • Add ‘drag-controls-damping’ parameter to common API to control the damping speed of the drag controls
  • Add more customization options to tour portals
  • Add tour info hotspots
  • Add Hear360 8Ball audio format support
  • Add new phone from late 2017 and early 2018 to the VR wizard
  • Add new VR headsets to the VR wizard
  • Enable spatial audio for Firefox Mac and Firefox Android
  • Improve visibility of center HUD elements on mobile
  • Fix device motion calculation for Chrome >= 66 and Firefox >= 54
  • Fix native WebVR path in Chrome for Android
  • Prevent fallback to native 2D video when there is a content error
  • Prevent showing VR hud on mounted device events when VR is not active

1.3.11 (2017-11-29)

  • Use referrer url for redirection to mobile site via QR code when on a cors fallback URL
  • Fix redirect to iframe on mobile when enabled via meta tag

1.3.10 (2017-11-08)

  • Add iPhone X to phone library
  • Add currentTime and duration getter to <dl8-video> element

1.3.9 (2017-10-30)

  • Fix start-lat and start-lon for <dl8-img>
  • Fix iOS 9 video playback issue
  • Fix iOS 10/11 wakelock problem for looping videos
  • Add .seek() API for <dl8-video>
  • Add loading events to get insights into resource loading flow
  • Add new customization options for fine grain visibility control of on-screen UI

1.3.8 (2017-10-12)

  • Fix cubemap slice unpacking for non square cubemap sides.
  • Add iPhone 8 and iPhone 8 Plus to VR Wizard

1.3.7 (2017-09-20)

  • Use canvas fallback on iOS 11 for HLS to circumvent playback bug introduced in iOS 11 and higher
  • Fix macOS Safari 11 video priming
  • Fix initial 3D UI state in Oculus Internet on GearVR
  • Add custom “x-dl8-evt-ready” DOM event to wait for before using Delight VR element specific APIs
  • Add ability to add “window-name” and “window-features” attribute to dl8-external-content to provide more control over link opening behavior

1.3.5 (2017-09-14)

  • Removed custom font to increase compatibility and reduce file size
  • Better callback attribute support for hub in dynamic mode and recommendations
  • Increased recommendation maximum count
  • Improved 3D UI layouting

1.3.4 (2017-08-10)

  • Fix iOS >=10.3 in-VR canvas text rendering

1.3.3 (2017-08-09)

  • Fix console error with third-party iframe messaging
  • Add browser page visibility handling to smartly pause and resume video

1.3.2 (2017-08-03)

  • Rename ‘Enter VR’ to ‘Start’ for confirming starting the player inside VR browsers like the Oculus Browser and the Samsung Internet Browser
  • Improve recommendation horizontal scroll reset on video pause
  • Fix issue with recommendations that were not properly deleted after exiting the player
  • Fix bug where it was not possible to add live video or external content to the hub
  • Fix video y-flipping issue on Windows 10 IE

1.3.0 (2017-07-21)

  • Add recommendations feature for showing related videos and external links directly inside the player
  • Improve settings view interaction
  • Improve video source management logic
  • Fix Hub state saving

1.2.16 (2017-07-18)

  • Add all Sony Xperia XZ variants and Xiaomi Redmi 3 to phone list
  • Improve dialog and overlay styling
  • Fix iOS 11 video rendering issue
  • Fix seeking bar time overlay positioning
  • Fix resetting viewport meta tags after closing player
  • Fix seeking bar width on Chrome with device pixel ratio > 1

1.2.12 (2017-06-23)

  • Fix rendering bug with antialiasing enabled on Android Chrome 58 on a subset of phones
  • Improve OnePlus 3 phone detection

1.2.10 (2017-06-16)

  • Add specialized <dl8-live-video> UI in VR
  • Add preview thumbnail support through VTT files
  • Add Gear VR and Daydream controller support
  • Improve general UX in Oculus Browser
  • Improve resolution for the Oculus Browser and Samsung Internet on Gear VR
  • Improve visibility of the VR video control UI
  • Made drag controls the default on tablets
  • Fix IFrame handling when it is embedded via relative URL
  • Fix native cardboard and daydream VR support for Chrome 59 and upward

1.2.9 (2017-05-19)

  • Add option to flag video sources as incompatible for Samsung VR
  • Fix sideloading via Samsung VR

1.2.8 (2017-05-16)

  • Add <dl8-live-video> element that supports live streaming UI
  • Add popular recent phones to the wizard phone select list
  • Fix autoplay for cors-fallback-url redirects
  • Fix hub state resurrection on returning from a content
  • Improved performance for iOS HLS video playback
  • Workaround for Oculus Browser bug where video sphere was not drawn to screenbuffer

1.1.23 (2017-05-05)

  • Prefer progressive video source in favour of HLS on iOS browsers to improve playback performance
  • Fix CORS check to incorporate different ports
  • Improve HLS ABR Manager algorithm to improve video quality

1.1.20 (2017-04-27)

  • Add iFrame support
  • Add improved adaptive bitrate manager for HLS that tracks current FPS, MAX_TEXTURE_SIZE and more
  • Improve async webworker HLS parsing
  • Fix native cardboard VR support in Chrome
  • Fix HLS fallback video support
  • Fix rare bug when autostarting player via cors-fallback-url

1.1.11 (2017-04-13)

  • Fix problem with gyroscope on iOS 10.3 and higher

1.1.9 (2017-03-07)

  • Fix scrolling bug when exiting out of inline mode
  • Fix Android 7 resizing
  • Fix misc. style collisions
  • Fix rare shader
  • Improve Get VR dialog on no-WebGL
  • Add support for native 2D fallback on low-end and flat video
  • Add support for seeking preview

1.1.8 (2017-02-24)

  • Fix VR autostart post QR-Scan on Chrome

1.1.7 (2017-02-16)

  • Fix CB Enabler Link
  • Fix Gaze Interaction when Gamepad connected on HTC Vive
  • Fix multiple <script> embed

1.1.6 (2017-02-10)

  • Fix Daydream WebVR compatibility
  • Fix Chrome 57 WebComponent initialization order

1.1.5 (2017-01-27)

  • Fix spatial audio sometimes not initializing correctly
  • Fix spatial audio on Firefox Mobile and Firefox OSX as well as Safari OSX
  • Improve spatial audio fallback and error handling for unsupported platforms (iOS Safari / IE 11)

1.1.3 (2017-01-20)

  • Fix channel order for ambiX on Safari

1.1.2 (2017-01-20)

  • Fix iOS viewport rendersize bug
  • Improve quality switching behavior

1.1.1 (2017-01-11)

  • Fix quality switching for flat video

1.1.0 (2017-01-10)

  • Add DASH and HLS support
  • Add support for ambisonics spatial audio
  • Add orientation compass
  • Add compact wizard
  • Add Daydream support
  • Add Pixel phones
  • Add video event support
  • Add support for “fps” and “format” attributes per source
  • Add support for cors-fallback handling on all elements
  • Add support for preferred camera controls attribute
  • Fix scroll position bug in IE11
  • Fix iPhone 6/7 Plus fullscreen bug
  • Fix Gear VR Samsung Internet exit bug
  • Improve native hardware HMD controller fallback to gaze
  • Improve font rendering

1.0.6 (2016-11-17)

  • Fix rare iPad video rendering error on iOS 10
  • Fix iPhone (6/6s/7)Plus VR distortion detection
  • Fix IE11 exit fullscreen button functionality
  • Improve Samsung Galaxy S(6/6 Edge/7/7 Edge) VR distortion detection
  • Add revamped settings panel selection menu for qualities and camera controls

1.0.5 (2016-11-11)

  • Improve rendering performance on mobile devices
  • Improve react update frequency on video playback
  • Improve legibility of 3D UI fonts

1.0.4 (2016-11-07)

  • Fix autoplay on cors fallback url redirect on iOS devices
  • Improve code fetch behavior on iOS devices
  • Improve error feedback on shader compile, parse and fetch errors
  • Update link to free cardboard enabler app

1.0.3 (2016-10-28)

  • Fix guarding undefined gamepad object on certain devices
  • Fix CORS redirect on IE11
  • Fix ES6 issue with IE11
  • Fix exit tracking event
  • Fix issue with double slash cors fallback url

1.0.0 (2016-10-12)

  • Fix x-dl8-evt-exit CustomEvent
  • Fix scroll to top on exit player issue
  • Fix error report url encoding issue
  • Fix WebVR in Firefox Nightly
  • Fix iOS10 video texture upload
  • Fix Android wakelock for VR
  • Improve aspect ratio handling of embed container on resize
  • Improve dynamic DOM manipulation of dl8 elements
  • Add WebVR 1.1 support

1.0.0-beta5

1.0.0-beta5-rc12 (2016-09-12)

  • Fix iOS (<=9) replay action on video end
  • Fix cardboard photo loading on very large photos
  • Fix missing cardboard enabler app link in VR Wizard
  • Improve video quality pre-checking
  • Improve iOS 10 video playback performance
  • Add iPhone 7 and iPhone 7 Plus to phone list
  • Add Galaxy Note 7 to phone list
  • Add Alcatel Idol 4 and Idol 4S to phone list
  • Add Samsung Gear VR SM-R322 (2015er version) HMD distortion
  • Add Innovator Edition Samsung Gear VR SM-R320 to HMD selection
  • Add media event listeners API on dl8-video (spec)

1.0.0-beta5-rc11 (2016-08-25)

  • Fix discarding of qualities when video sources are not supported
  • Fix display issue of watermark in IE11
  • Add “force-inline” display-mode to force displaying player inline on every device

1.0.0-beta5-rc10 (2016-08-08)

  • Fix pause video on error
  • Fix tablets can’t launch VR mode
  • Improve preload progress indicator handling
  • Improve unification to one error report json
  • Improve exiting player on cors fallback url goes back to original url

1.0.0-beta5-rc9 (2016-08-07)

  • Fix HUD watermark
  • Fix spacebar being captured on other input fields on the site
  • Improve style guard for img hover

1.0.0-beta5-rc8 (2016-08-02)

  • Improve quality list update by only triggering when old and new content is a video

1.0.0-beta5-rc7 (2016-08-02)

  • Fix 3D UI quality dropdown when qualities are unplayable

1.0.0-beta5-rc6 (2016-08-01)

  • Improve performance by using react’s PureComponent for pure views
  • Improve using native preload attribute for video prefetching control

1.0.0-beta5-rc5 (2016-08-01)

  • Fix missing IE CORS handling
  • Fix content badge hiding for non white-label users
  • Fix escape key for exiting player
  • Improve creation of native video element late in the process to prevent downloading unnecessary content
  • Add auto-redirect for cors-fallback-url
  • Add preload attribute to dl8-video to control preloading behavior

1.0.0-beta5-rc4 (2016-07-23)

  • Fix brand customization behavior to cover cases where not all customizations are made
  • Add option to hide brand logo, watermark and content type badge
  • Add Samsung Galaxy S7 Edge to supported phones

1.0.0-beta5-rc3 (2016-07-19)

  • Fix enabling smooth border for cinema or flat video in VR only
  • Fix cut off hover texts in tour

1.0.0-beta5-rc2 (2016-07-15)

  • Fix hover border style in embed
  • Fix smooth border when going into cinema mode
  • Improve guard video quality when no video is active

1.0.0-beta5-rc1 (2016-07-14)

  • Fix styling of title bar in combination with certain watermark image aspects
  • Fix possible erroneous style overrides from external stylesheets
  • Fix Samsung Internet on Gear VR button handling
  • Fix rare issue when switching tabs with a connected gamepad
  • Fix iOS video audio handling when multiple qualities are present
  • Improve core-js es6 polyfill handling
  • Improve crossorigin attribute sanitizing
  • Improve differentiation between no webgl errors and regular errors
  • Improve error reporting
  • Improve on-screen replay, pause and play indicator animations (moved to css based rendering)
  • Improve CORS handling on MacOS Safari and IE
  • Add dl8-cinema element for displaying flat video in a customizable virtual cinema
  • Add inline tag attribute checking and warning screen
  • Add automatic removal of video qualities when source is not supported (either because of CORS, encoding or other issues)
  • Add fullscreen button on mobile devices when fullscreen mode is supported and flat video is playing and look around is disabled


1.0.0-beta4 (2016-06-30)

  • Fix precision of differentiation between click and drag
  • Fix replay button visibility in some cases
  • Fix flashing of replay, play and pause indicator
  • Fix title styling
  • Fix autoplay of videos on mobile
  • Improve iOS video buffering
  • Improve loading progress visualization
  • Improve iOS audio syncing
  • Improve VR video experience by pausing when entering VR and seeking to the beginning to not miss a beat
  • Add flat video support for monoscopic and stereoscopic 3D videos (see docs for more info)
  • Add start and exit as external Javascript APIs for all elements
  • Add play and pause as external Javascript APIs for video element
  • Add custom watermark support to VR video UI


1.0.0-beta3 (2016-06-17)

  • Fix dl8 embed container handling. In inline mode the player now stays in DOM layouting flow
  • Fix Firefox Android button styling issues
  • Fix Internet Explorer mute/unmute button
  • Add initial VR 3D video player interface
  • Add gaze interaction on tour portals
  • Add hover info title on tour portals
  • Add seek head time display
  • Add start-lat and start-lon to every element to set up user starting orientation
  • Changed default secondary color to a more subtle dark grey


1.0.0-beta2 (2016-06-13)

  • Fix focus of VR button to prevent toggling VR on spacebar
  • Fix double script import
  • Fix wheel speed for IE11
  • Fix CSS to prevent overrides
  • Fix video undersampling
  • Fix iPhone 5 selection in Wizard
  • Fix Firefox/Android VR mode resize problem
  • Add Cardboard Photo formats for dl8-img and dl8-tour
  • Add content error overlay
  • Add support for room scale VR
  • Add better CORS handling for iOS/Safari
  • Add CORS fallback handling
  • Add support for audio on iOS
  • Add QR code for non-vr browsers
  • Add Gamepad support
  • Add video quality switching
  • Add better highp float handling
  • Add float precision friendly distortion mesh uv
  • Add white-label support
  • Add IE11 video rendering fallback
  • Add more HMDs to list of supported headsets (i.e. MR.CARDBOARD)
  • Remove exit dialog
  • Remove h1 tags to improve SEO for customers


1.0.0-beta1 (2016-05-09)

Initial Beta Release

]]>
dl8-cinema https://delight-vr.com/documentation/dl8-cinema/ Tue, 20 Sep 2016 12:33:31 +0000 http://ec2-52-53-153-241.us-west-1.compute.amazonaws.com/?p=48708

<dl8-cinema>

The <dl8-cinema> element lets users sit in a virtual cinema and watch regular 2D videos as well as 3D stereoscopic videos. The element works much like a normal video tag. You can define different sources with qualities as child elements to tell the element what video content to play on the cinema screen.

Whats special about the dl8-cinema element is that you can freely customize the room the user should sit in and where the virtual screen should be placed.

 <dl8-cinema title="Example Video" poster="poster.jpg" author="John Doe"
             room-format="STEREO_360_TB" room-src="proxy.php?url=cinema.png"
             format="MONO_FLAT" force-show-cinema>
    <source src="proxy.php?url=example.mp4" type="video/mp4" />
    <source src="proxy.php?url=example.webm" type="video/webm" />
 </dl8-cinema>


format=”<string>” [mandatory]

Defines the mono or stereo format the flat video playing on the screen is provided in. Delight XR supports all common 2D flat video and stereoscopic 3D flat video formats.

  • MONO_FLAT: A monoscopic 2D flat video.
  • STEREO_FLAT_LR: A stereoscopic 3D flat video, left and right eye being side by side. The pixel aspect ratio follows the video aspect ratio.
  • STEREO_FLAT_LR_SQUARE: A stereoscopic 3D flat video, left and right eye being side by side. The pixel aspect ratio is square (1:1).
  • STEREO_FLAT_TB: A stereoscopic 3D flat video, left and right eye being on top and bottom respectively. The pixel aspect ratio follows the video aspect ratio.
  • STEREO_FLAT_TB_SQUARE: A stereoscopic 3D flat video, left and right eye being on top and bottom respectively. The pixel aspect ratio is square (1:1).

{room-src|room-src-left|room-src-right}=”<uri>” [mandatory]

The room image src URI to use as the cinema. A stereoscopic image works best as it better establishes the room the user sits in. You can optionally provide room-src-left and room-src-right to separately define the image for each eye in VR.
Note that the virtual screen is always displayed in the front (negative z-axis).

room-format=”<string>” [mandatory]

Defines the mono or stereo format the room image is provided in. Delight XR supports all common stereo/mono 360/180 equirectangular and spherical formats.

  • STEREO_180_LR: A 180 degree stereo equirectangular mapping, left and right eye being side by side.
  • STEREO_180_LR_SPHERICAL: A 180 degree stereo spherical mapping, left and right eye being side by side.
  • STEREO_180_TB: A 180 degree stereo equirectangular mapping, left and right eye being on top and bottom respectively.
  • STEREO_180_TB_SPHERICAL: A 180 degree stereo spherical mapping, left and right eye being on top and bottom respectively.
  • STEREO_360_TB: A 360 degree stereo equirectangular mapping, left and right eye being on top and bottom respectively.
  • STEREO_360_LR: A 360 degree stereo equirectangular mapping, left and right eye being side by side.
  • MONO_360: A 360 degree mono equirectangular mapping.
  • STEREO_CUBEMAP: A 360 degree stereo cubemap. 6 sides horizontally for each eye. Please provide src-left and src-right for this format. This format is commonly exported from OctaneVR renderer.
  • CARDBOARD_PHOTO: A photo taken with the Cardboard Camera App. This is typically a 360° equirectangular jpg with the left eye as the base image data and the right eye encoded in metadata.

screen-width=”<number>” [optional]

Width of the cinema screen in meters. The default is 2.5 meters. Not that depending on the aspect of the video the actual width can be less than the given width.

screen-height=”<number>” [optional]

Height of the cinema screen in meters. The default is 1.5 meters. Not that depending on the aspect of the video the actual height can be less than the given height.

screen-distance=”<number>” [optional]

Distance from the viewer to the cinema screen in meters. The default is 2 meters.

screen-x-offset=”<number>” [optional]

Relative horizontal translation of the screen. With this parameter you can fine tune the placement of the cinema screen in the room. The default is 0.

screen-y-offset=”<number>” [optional]

Relative vertical translation of the screen. With this parameter you can fine tune the placement of the cinema screen in the room. The default is 0.

Other <dl8-video> attributes

The dl8-cinema element supports all additional <dl8-video> attributes like loop, muted, crossorigin and fps. You can see the dl8-video API for detailed information.

]]>