我希望我的服务器上有 VR 视频,并且能够通过网站在大多数设备上播放它们。
我已经尝试了谷歌搜索第一个提要中出现的所有内容,但没有找到我一直在寻找的东西。
软件可以获得许可,但我必须能够从我的服务器播放视频。有几种托管服务可以通过 进行 VR,但这不是我需要的。
一个简单的 js include 和对视频 URL 的引用就应该是所需要的......
关于在哪里查看有什么建议吗?
最佳答案
如果视频是像this one这样的视频圈,您可以使用aframe向他们展示。在桌面上,您可以使用鼠标并拖动来环顾四周,或者使用 VR 耳机;在移动设备上,您可以使用 Google Cardboard 型 VR 耳机。
var vid = document.getElementById('vid');
document.getElementById('play-button').addEventListener("click", function(e){
this.style.display = 'none';
vid.play();
}, false);
<script src="https://aframe.io/releases/latest/aframe.min.js"></script>
<button
id="play-button"
style="position: fixed;
top: calc(50% - 1.25em);
left: calc(50% - 1.25em);
font-size:2rem;
width: 2.5em;
height: 2.5em;
z-index: 10;
color:#fff;
background-color:#333;
border:none;
border-radius:50%;
text-align:center;"
>
▶
</button>
<a-scene id="vr-scene">
<a-assets>
<video
id="vid"
src="https://cdn.glitch.com/8935d2ed-c243-47e6-a74a-c275e93b7f20%2Fcity-4096-mp4-30fps-x264-ffmpeg.mp4?v=1580226185171"
crossorigin="anonymous"
autoplay="false"
loop="true"
style="display: none"
></video>
</a-assets>
<a-entity
geometry="primitive: sphere;
radius: 5000;
segmentsWidth: 64;
segmentsHeight: 64;"
material="shader: flat; src: #vid;"
scale="-1 1 1"
>
</a-entity>
</a-scene>
关于html - 在网络浏览器中播放 VR 视频的简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59950766/