|
@@ -62,6 +62,10 @@
|
|
|
type: [Number,String],
|
|
|
default: 1,
|
|
|
},
|
|
|
+ coordinate: {
|
|
|
+ type: String,
|
|
|
+ default: '',
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
videoUrl: {
|
|
@@ -97,11 +101,22 @@
|
|
|
handler(newVal,oldVal) {
|
|
|
console.warn("***scale-webgl_rxdz_krpanoVideo***", newVal,'---',oldVal)
|
|
|
if(this.panoramicKrpano){
|
|
|
- this.panoramicKrpano.call(`scaleChange(${newVal})`);
|
|
|
+ let sc = newVal;
|
|
|
+ if(newVal.includes('{')){
|
|
|
+ let scale = JSON.parse(newVal);
|
|
|
+ sc = scale.x;
|
|
|
+ }
|
|
|
+ this.panoramicKrpano.call(`scaleChange(${sc})`);
|
|
|
}
|
|
|
},
|
|
|
immediate: true,
|
|
|
},
|
|
|
+ coordinate: {
|
|
|
+ handler(newVal,oldVal) {
|
|
|
+ console.warn("***coordinate-webgl_rxdz_krpanoVideo***", newVal,oldVal)
|
|
|
+ },
|
|
|
+ immediate: true,
|
|
|
+ },
|
|
|
},
|
|
|
methods: {
|
|
|
playVideo(){
|
|
@@ -133,6 +148,12 @@
|
|
|
this.videoBefore = false;
|
|
|
this.sceneLoaded = true;
|
|
|
this.playVideo();//播放绿幕视频
|
|
|
+ if(this.coordinate){
|
|
|
+ let position = JSON.parse(this.coordinate);
|
|
|
+ if(position.ath && position.atv){
|
|
|
+ this.setPosition(position);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
// 视频加载完
|
|
|
window.videoready = () => {
|
|
@@ -211,6 +232,12 @@
|
|
|
console.warn("***getPosition***",posi);
|
|
|
return posi
|
|
|
},
|
|
|
+ setPosition(position){
|
|
|
+ let video = this.panoramicKrpano.get("hotspot[video]");
|
|
|
+ video.ath = position.ath;
|
|
|
+ video.atv = position.atv;
|
|
|
+ console.warn("***setPosition***",position);
|
|
|
+ },
|
|
|
//设置全景图图片地址
|
|
|
setSphereUrl(url){
|
|
|
if(!url){
|