20180521 - 增加全景视频支持

README.md

@@ -1,34 +1,40 @@
 # BLUES VR
-适合移动端浏览的全景图片，支持 VR 模式。
+适合移动端浏览的全景图片和视频，全景图片支持 VR 模式。  
 ![](https://github.com/iflycn/vr/blob/master/images/vr_device.png)
 
-## 依赖
-基于 `krpano`、`jQuery` 实现。
+## 依赖
+基于 `krpano`、`jQuery` 实现。
 
-## 列表
->风光
->>冰岛蓝湖地热温泉<br>
->>唯美的法属波利尼西亚<br>
->>梦中向往的海底世界<br>
->>惊艳的九寨沟五彩池<br>
->>迪拜城市建筑群<br>
->>俯瞰纽约中央公园<br>
->>震撼心灵的那一抹极光<br>
+## 列表
+>风光
+>>冰岛蓝湖地热温泉<br>
+>>唯美的法属波利尼西亚<br>
+>>梦中向往的海底世界<br>
+>>惊艳的九寨沟五彩池<br>
+>>迪拜城市建筑群<br>
+>>俯瞰纽约中央公园<br>
+>>震撼心灵的那一抹极光<br>
 
->建筑
->>纳米比亚鬼镇卡曼斯科<br>
->>巴黎诶菲尔铁塔<br>
->>悉尼歌剧院<br>
->>郑州千玺广场<br>
->>卢克索卡纳克神庙<br>
+>建筑
+>>纳米比亚鬼镇卡曼斯科<br>
+>>巴黎诶菲尔铁塔<br>
+>>悉尼歌剧院<br>
+>>郑州千玺广场<br>
+>>卢克索卡纳克神庙<br>
 
->人文
->>复活节岛摩艾石像<br>
->>秦始皇兵马俑坑内视角<br>
->>西西伯利亚汉特人的家<br>
->>西藏天葬骷髅墙<br>
->>最后的国营理发店<br>
+>人文
+>>复活节岛摩艾石像<br>
+>>秦始皇兵马俑坑内视角<br>
+>>西西伯利亚汉特人的家<br>
+>>西藏天葬骷髅墙<br>
+>>最后的国营理发店<br>
 
->其他
->>荒凉广袤的火星平原<br>
->>驶离地球航向深空<br>
+>其他
+>>换个视角看世界地图<br>
+>>荒凉广袤的火星平原<br>
+>>驶离地球航向深空<br>
+
+>视频
+>>与鲨鱼共泳<br>
+>>莫斯科胜利日烟花<br>
+>>挪威极光延时摄影<br>

inc/jquery_sys.js

@@ -3,15 +3,21 @@
 
 // DOM准备好时执行
 $(function(){
-  // 全景欣赏页
+  // 全景图片
   if ($("#map_pano")[0]){
     var v=GetVar("v")!=""?GetVar("v"):"101";
     $("#pano").empty();
     Pano(v);
   };
+  // 全景视频
+  if ($("#map_video")[0]){
+    var v=GetVar("v")!=""?GetVar("v"):"v01";
+    $("#pano").empty();
+    Video(v);
+  };
 });
 
-//函数：载入全景（文件夹）
+//函数：载入全景图片（文件夹）
 function Pano(v){
   v="uploadfile/pano/"+v+"/";
   embedpano({swf:"inc/pano.swf",xml:v+"pano.xml",target:"pano",html5:"prefer",passQueryParameters:false,onready:function(){
@@ -27,6 +33,14 @@ function Pano(v){
   }});
 }
 
+//函数：载入全景视频（文件夹）
+function Video(v){
+  v="uploadfile/video/"+v+"/";
+  embedpano({swf:"inc/pano.swf",xml:v+"video.xml",target:"pano",html5:"prefer",passQueryParameters:false,onready:function(){
+    $("#krpanoSWFObject pre:last").html(unescape(escape($("#krpanoSWFObject pre:last").html()).replace(/%u6E56%u5357%u7701%u53CB%u8BDA%u79D1%u6280%u6709%u9650%u516C%u53F8/g,"%u5e03%u9c81%u65af%u7f51%u7edc")));
+  }});
+}
+
 //函数：获取URL参数（变量）
 function GetVar(s){
   var r=new RegExp("(^|)"+s+"=([^\&]*)(\&|$)","gi").exec(String(location.href)),t;