Detectar suporte a WebVR com JavaScript

Faz dois anos que não me envolvo muito com WebVR na Mozilla, mas, apesar de não contribuir todos os dias, posso ver a RV dando saltos e limites, desde o Firefox fazendo um esforço maior até o Chrome impulsionando a RV e Oculus e HTC (Vive) melhorando suas ofertas. Os jogos nativos estão ficando melhores, mas o mais importante é que os navegadores estão ficando mais rápidos e o three.js e o aframe estão possibilitando experiências incríveis de RV com JavaScript.

No entanto, antes de poder oferecer experiências de RV, o senhor precisa garantir que o navegador ofereça suporte a experiências de RV. Para isso, o senhor precisa garantir que navigator.getVRDisplays esteja disponível:

const supportsVR = 'getVRDisplays' in navigator;

if (supportsVR) {
    navigator.getVRDisplays().then(function(displays) {
      // ... Load VR experience
    });
}
else {
    // ... Show "you need {x} browser" message
}

Se navigator.getVRDisplays estiver presente, é provável que o navegador ofereça suporte a experiências de RV e RA.

A realidade virtual e a realidade aumentada têm o potencial de mudar o mundo e enriquecer vidas. Aprender a codificar experiências de RV o colocará à frente da curva e, como sempre, codificar essas experiências para o navegador quebrará a barreira de entrada!