A帧本地视频无法显示

时间:2017-03-20 10:20:06

标签: aframe

我想用A-frame显示本地视频,并且在同一台计算机上。但是,在浏览器上没有任何显示,屏幕是黑色的(似乎没有渲染)。 我只是对360视频源代码做了一点改动,而且我是Web开发人员的新手。所以请帮帮我,告诉我哪里错了。 我的源代码是:

<!DOCTYPE html>
<html>
<head>
      <meta charset="utf-8">
      <title>360 Video</title>
      <meta name="description" content="360 Video — A-Frame">
      <script src="../../../dist/aframe-master.js"></script>
</head>
<body>
  <a-scene>
    <a-assets>
      <!-- tt.mp4 is my video file and with index.html at the same folder -->
      <video id="video" src="tt.mp4" autoplay loop crossorigin></video>
    </a-assets>

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

1 个答案:

答案 0 :(得分:0)

在本地执行此操作很困难,因为(尽管crossorigin属性)您的浏览器可能不允许引用。我建议使用包含index.php的{​​{1}}文件启动本地php服务器。这样您的php服务器就被识别为单一来源。如果您正在运行的MacOS或Linux上,我知道命令行命令只是项目目录中的<?php include_once("[your-aframe-file].html"); ?>