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/10/10