1,首先保證krpano中有三個文件在?1.19-pr16?(build?2018-04-04)版本以上,分別為gryo2.js。webvr.js。和tour.js(此js文件對應krpano包中的krpano.js)
2,保證你的訪問域名為https,不是http,測試環境也要https(否則無法測試)測試環境請不要用ip,用域名
3,做到以上兩步才開始(基于javascript)
? ? ???that.krpano.call("set(plugin[skin_gyro].enabled,true);");//開啟
阿貝折射儀的使用步驟?? ? ? ?that.krpano.call("set(plugin[skin_gyro].enabled,false);");//關閉
4,ios13以上需要獲取行動授權彈窗
? ? ??
iosGrantedTips() {var that = this;var ua = navigator.userAgent.toLowerCase();if (ua.indexOf("like mac os x") > 0) {var reg = /os [\d._]*/gi;var verinfo = ua.match(reg);var version = (verinfo + "").replace(/[^0-9|_.]/gi, "").replace(/_/gi, ".");var arr = version.split(".");if (arr[0] > 12 && arr[1] > 2) {//對13.3以后的版本處理,包括13.3,DeviceMotionEvent.requestPermission().then((permissionState) => {if (permissionState === "granted") {window.addEventListener("devicemotion", () => {});that.krpano.call("set(plugin[skin_gyro].enabled,true);");if (getStore('jiajukeji-gyro') === 'yes') return false;setStore({ name: 'jiajukeji-gyro', content: 'yes' });//ios在授權后第一次陀螺儀不會生效,此時做了判斷,使用瀏覽器存儲變量,通過判斷進行一次刷新setStore是封裝的方法,不封裝的話可以直接用sessionStorage存儲this.reload();} else {setStore({ name: 'jiajukeji-gyro', content: 'no' });}})});} else {//13.3以前的版本}}},
注意:如果出現krpano的錯誤圖層,需要在krpano標簽中設置,showerrors=“fasle”,在全局事件<event>標簽中設置onloaderror=“”
版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态