VR图片

mtl支持版本6.0.11及以上

插件名称：得图全景播放器

打开页面

vrOpen

支持平台

微信 友空间 安卓 iOS
✘ ✘ ✔︎ ✔︎

参数

字段 类型 默认值 必填 说明
rect obj 否 页面的位置及长宽
type string sphere 否 展示类型。sphere： 360度全景图，video： vr视频
device number 0 否 播放的资源类型。
0 代表资源是标准的2:1 数据；
11 代表资源是单鱼眼数据——即SphereS 拍摄出来的数据；
2002 代表资源是双鱼眼数据——即twin相机拍摄出来的数据；
path string
是 要展示的 360 度全景图片、vr视频的路径
gyroEnable booblean true 否 陀螺仪是否开启
zoomEnable booblean true 否 是否要缩放
fixedOn string
否 插件视图添加到指定 frame 的名字（ios：只指 frame，传 window 无效）(android可以是frame或者Window，但是在全屏的时候，需要挂在Window上或者frame是全屏)
fixed booblean true 否 插件是否随所属 window 或 frame 滚动
showBackBtn booblean true 否 是否展示关闭按钮

rect参数

字段 类型 默认值 必填 说明
x number 0 否 页面 x 坐标（相对于所属的 Window 或 Frame
y number 0 否 页面y 坐标（相对于所属的 Window 或 Frame）
w number 屏幕宽度 否 页面宽度（相对于所属的 Window 或 Frame）
h number 屏幕宽度 否 页面高度（相对于所属的 Window 或 Frame）

示例

mtl.ai.vrOpen({
  success: function(res) {
    const status = res.status;////数字类型；播放器状态；videoOnStatusChanged返回；
                          // 0：PLAYING，1：PAUSE，2：STOP，3：FINISH，4：BUFFER_EMPTY      
    const status = res.evenType:'',    //字符串类型；事件类型
                    //取值取下：
                    //panoPlayOnEnter：进入场景
                    //panoPlayOnLoaded：加载结束
                    //panoPlayOnLoading：加载中
                    //panoPlayonLeave：离开场景
                    //videoOnSeekFinished：播放结束
                    //videoOnPlayerError：视频播放异常
                    //videoOnStatusChanged：视频播放状态改变
    },
  fail: function(err) {
    var message = err.message; // 错误信息
    var code = err.code
  }
});

关闭页面

vrClose

支持平台

微信 友空间 安卓 iOS
✘ ✘ ✔︎ ✔︎

参数
-无-
示例

mtl.ai.vrClose({
  success: function(res) {
    const status = res.status,  //布尔类型；验证是否支持，true|false
    },
  fail: function(err) {
    var message = err.message; // 错误信息
    var code = err.code
  }
});

设置模式

vrSetViewMode

支持平台

微信 友空间 安卓 iOS
✘ ✘ ✔︎ ✔︎

参数

字段 类型 默认值 必填 说明
mode number 1 是 模式类型；1:默认模式，2:鱼眼模式，3:小行星模式，4:VR 模式水平，8:VR 模式竖直 9:平面模式

示例

mtl.ai.vrSetViewMode({
  mode: 1,
  success: function(res) {
    const status = res.status,  //布尔类型；验证是否支持，true|false
    },
  fail: function(err) {
    var message = err.message; // 错误信息
    var code = err.code
  }
});


是否仍需要帮助？ 请保持联络！
最后更新于 2024/12/2