Question

我试图在我的笔记本电脑中使用Aframe平台在本地播放一个球形视频商店。首先，我使用了这个视频：https://ucarecdn.com/bcece0a8-86ce-460e-856b-40dac4875f15/它有效，但是当我下载此视频并将链接更改为本地链接：http://localhost/webvr/testvr.mp4/时，它无效。我的浏览器是Chrome版本56。这是我试验

的HTML代码

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
  <script src="https://rawgit.com/oscarmarinmiro/aframe-video-     controls/master/dist/aframe-video-controls.min.js"></script>
</head>

 <body>
   <a-scene>
  <a-assets>
    <video id="video_1" crossorigin           src="http://localhost/webvr/testvr.mp4/"></video>
  </a-assets>

  <a-camera position="0 0 5">
      <a-cursor id="cursor" color="yellow"></a-cursor>
  </a-camera>

  <a-videosphere src="#video_1" rotation="0 180 0"></a-videosphere>

  <a-entity video-controls="src:#video_1"></a-entity>

</a-scene>

Answer 1

试试这个：

src="/webvr/testvr.mp4"

您的视频存储在本地，因此您不需要本地主机部分。

Answer 2

在使用A-frame开发时，我不得不在笔记本电脑上运行本地服务器，而不是直接在浏览器中打开文件夹。如果您使用Linux并安装了python 3，则可能是： 1.在终端中，导航到index.html和视频等所在的文件夹。 2.然后通过运行以下命令来运行启动服务器： python3 -m http.server

我不确定在哪里可以读到这种情况，也许只在Linux计算机上进行本地Web开发。但是也许使用这样的服务器可能会有所帮助？编辑：在这里提到：https://aframe.io/docs/0.8.0/introduction/faq.html#why-does-my-asset-e-g-image-video-model-not-load

通过Aframe播放本地球形视频

2 个答案: