如何在角度2项目中集成krpano虚拟旅游视频插件

时间:2017-12-13 06:42:49

标签: html5 angular krpano

我需要为360视频实现krpano虚拟游览插件,我已经下载了js文件,SWF文件,XML文件并添加了HTML.js,XML和SWF文件没有加载,我在执行时没有收到任何错误将视频作为普通HTML视频播放。任何人都可以帮我实现这个目标吗?

提前致谢。

这是我的html文件,

<script src="../assets/videoplayer.js"></script>
 <script src="../assets/videoplayer_basic_source.js"></script>
<script>
  embedpano({swf:"assets/krpano.swf", 
  xml:"assets/krpanoVt.xml",
  target:"pano", html5:'auto',passQueryParameters:true});
</script>

    <div id='loader' class='loading'></div>
    <div id="panocontainer">
      <div id="pano" style="width:100%; height:100%; position: absolute;">
        <video id="videojs-panorama-player" class="video-js vjs-default-skin"  
          crossorigin="anonymous" controls preload="none">
        <source src="https://yanwsh.github.io/videojs-panorama/assets/shark.mp4" 
         type='video/mp4'/>
     </video>
   </div>
</div>

1 个答案:

答案 0 :(得分:0)

虽然您对krpano播放器的实施是正确的,但您误解了方式,并与之互动。

Krpano使用XML数据生成其内容。在您的情况下,它是assets/krpanoVT.xml。在那里你必须将krpano和url的videoplayer插件集成到你的视频文件中。

该插件的文档位于https://krpano.com/plugins/videoplayer/

可以在https://krpano.com/video/

找到带有XML代码的工作示例

如果您打算更动态地与krpano交互,您应该阅读krpano网页上的javascript界面​​文档。

相关问题