移花接木(22)- krpano制作简单的全景视频项目

更新 2016.9.6

krpano所支持的全景视频尺寸说明

krpano本身不限制视频的尺寸或包含其它方面的要求。

原因在与用户所使用的系统和浏览器的限制。

  • 浏览器必须能够载入和解码视频,如果无法实现则得到视频加载错误提示。
  • 然后浏览器或系统所支持的最大贴图尺寸需要大于视频文件的尺寸,这样视频才能作为全景视频播放(部分低端和中端系统最大尺寸为4096*4096)。

 

krpano 1.19 pr4 使用默认漫游皮肤的全景视频功能

  • 在krpano 1.19 pr4之后用krpano制作漫游变得非常简单,你可以很快捷地制作包含多个全景视频的全景漫游,你可以让全景视频和普通全景结合,也可以加入VR功能。
  • QQ图片20160413055345
  • 制作多个全景视频或全景视频和普通全景混搭的方法:首先是使用MAKE VTOUR Droplet生成我们熟悉的默认漫游vtour文件夹。当然,这是1.19 pr4的皮肤。
  • 如果你只需要单独把下面的代码插入到tour.xml的scene标签之间,自行安排位置。如果是多个视频,则可以删除掉panos文件夹和scene标签,自行选择插入全景视频的位置,复制代码并更改不同全景视频scene的name即可,2个全景视频,则下面的代码是两次复制,只是对应的scene的name和视频路径的区别。如果你是混搭的,那生成时就使用对应的普通全景图,然后按照你想要的位置进行安排。

     
  •  QQ图片20160413055441
  • name是scene的名字,不管是普通全景或者全景视频的scene,每个scene要有不一样的名字。thumburl是指定缩略图的路径。isvideopano指定了这个场景为全景视频,这样皮肤就会添加视频控制。然后在下面videourl以及posterurl的位置添加对应的视频和视频截图的位置。
  • 当然,最后不要忘记把视频、音频和截图复制到对应的路径中。
  • QQ图片20160413055506

 

krpano 1.19 使用example文件夹的videopano案例

  • 首先使用MAKE VTOUR Droplet,任意找一张全景图生成我们熟悉的默认漫游vtour文件夹
  • 然后打开krpano下载包krpano 1.19 pr6的路径,如下图找到videopano文件夹:
  • QQ图片20160906001758
  • 将该videopano文件夹的全部内容复制到刚用MAKE VTOUR Droplet生成的vtour文件夹中。如下图:
  • QQ图片20160906002402
  • 删除上图中红色框选的部分,也就是panos文件夹、index.html以及tour.xml
  • videopano.xml改文件名为tour.xml
  • QQ图片20160906002506
  • 使用全景视频转换器生成相应的mp4、webm、jpg和m4a文件,改成跟videopano文件夹内对应格式的一样的文件名,然后复制并且覆盖到原来的文件。
  • 完成