如何在我的应用程序中添加YouTube VrView按钮,并且只在应用程序中显示来自播放列表的360度视频?

时间:2016-12-09 04:43:38

标签: youtube youtube-api android-youtube-api

我想在我的应用中询问有关youtube集成的两件事:

  
      
  1. 在我的应用中添加youtube vrview按钮。还尝试了太多示例但不能用    在应用程序中查看youtube vrview按钮。

  2.   
  3. 想在我的应用中只显示360度视频。还制作了自定义YouTube    播放器但没有获得该vrview按钮。请帮我。提前致谢。

  4.   

1 个答案:

答案 0 :(得分:0)

VR view允许您将360度VR媒体嵌入到Android和iOS上的桌面和移动以及原生应用上的网站中。 VR视图支持单声道和立体声360图像和视频。图像和视频需要以equirectangular-panoramic(equirect-pano)格式存储,这是许多捕获解决方案支持的通用格式。

要使用VR View类,您需要在HTML中包含Google提供的VR View脚本。

<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

接下来,添加一个占位符,其中包含要包含photosphere内容的iframe。

<div id="vrview"></div>

加载VR视图后,此占位符行将替换为带有class ='vrview'的iframe。

当网页加载时,您想要注册它已加载,然后调用创建新VR View实例的函数:

window.addEventListener('load', onVrViewLoad)
function onVrViewLoad() {
  var vrView = new VRView.Player('#vrview', {
    video: 'link/to/video.mp4',
    is_stereo: true
  });
}

请注意,这本身就相当于简单地声明一个具有相同参数的iframe:

<iframe src="//storage.googleapis.com/vrview/2.0/embed?video=link/to/video.mp4&is_stereo=true">
</iframe>

但是,使用VR View JavaScript API提供了在明确声明iframe时无法使用的其他功能。