detuPanoPlayer

立即使用

概述

本模块封装了得图VR SDK

open

打开页面

open({params},callback(ret))

params

rect:

  • 类型:JSON对象
  • 描述:(可选项)页面的位置及长宽
{
      x: 0,    //(可选项)数字类型;页面 x 坐标(相对于所属的 Window 或 Frame);默认值:0
      y: 0,    //(可选项)数字类型;页面y 坐标(相对于所属的 Window 或 Frame);默认值:0
      w: 320,  //(可选项)数字类型;页面(相对于所属的 Window 或 Frame);默认值:屏幕宽度
      h: 300,  //(可选项)数字类型;页面(相对于所属的 Window 或 Frame);默认值:屏幕高度
}

type:

  • 类型:字符串
  • 描述:(可选项)展示类型
  • 默认:sphere
  • 取值范围:
    • sphere: 360度全景图
    • video: vr视频

device:

  • 类型:数字
  • 描述:(可选项)播放的资源类型
  • 默认取值:0
  • 取值范围:
    • 0 代表资源是标准的2:1 数据
    • 11 代表资源是单鱼眼数据——即SphereS 拍摄出来的数据
    • 2002 代表资源是双鱼眼数据——即twin相机拍摄出来的数据

path:

  • 类型:字符串
  • 描述:要展示的 360 度全景图片\vr视频的路径(支持widget://、fs://)

gyroEnable:

  • 类型:布尔类型
  • 描述:(可选项)陀螺仪是否开启
  • 默认:true

zoomEnable:

  • 类型:布尔类型
  • 描述:(可选项)是否要缩放
  • 默认:true

showBackBtn:

  • 类型:布尔类型
  • 描述:(可选项)是否显示返回按钮
  • 默认:true

fixedOn:

  • 类型:字符串类型
  • 描述:(可选项)模块视图添加到指定 frame 的名字(ios:只指 frame,传 window 无效)(android可以是frame或者Window,但是在全屏的时候,需要挂在Window上或者frame是全屏)
  • 默认:模块依附于当前 window

fixed:

  • 类型:布尔类型
  • 描述:(可选项)模块是否随所属 window 或 frame 滚动
  • 默认:true(不随之滚动)

callback(ret)

ret:

  • 类型:JSON对象
  • 内部字段:
{
    evenType:'',    //字符串类型;事件类型
                    //取值取下:
                    //panoPlayOnEnter:进入场景
                    //panoPlayOnLoaded:加载结束
                    //panoPlayOnLoading:加载中
                    //panoPlayonLeave:离开场景
                    //videoOnSeekFinished:播放结束
                    //videoOnPlayerError:视频播放异常
                                   //videoOnStatusChanged:视频播放状态改变
       status:0               //数字类型;播放器状态;videoOnStatusChanged返回;0:PLAYING,1:PAUSE,2:STOP,3:FINISH,4:BUFFER_EMPTY                            

}

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.open({
  path:''
},function(ret) {
    alert(JSON.stringify(ret));
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

close

关闭页面

close()

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.close();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hide

隐藏页面

hide()

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.hide();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

show

显示页面

show()

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.show();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

start

开始加载(video有效)

start()

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.start();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

pause

暂停播放(video有效)

pause()

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.pause();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

stop

停止播放(video有效)

stop()

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.stop();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

refresh

刷新重连(video有效)

refresh()

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.refresh();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

getDuration

获取视屏总时间(video有效)

getDuration(callback(ret))

callback(ret)

ret:

  • 类型:JSON对象
  • 内部字段:
{
    duration:0               //数字类型;总时间                            

}

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.getDuration(function(ret) {
    alert(JSON.stringify(ret));
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

getCurrentTime

获取播放时间(video有效)

getCurrentTime(callback(ret))

callback(ret)

ret:

  • 类型:JSON对象
  • 内部字段:
{
    currentTime:0               //数字类型;总时间                            

}

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer.getCurrentTime(function(ret) {
    alert(JSON.stringify(ret));
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

setViewMode

设置模式

setViewMode({params})

params

mode:

  • 类型:数字
  • 描述:模式类型;1:默认模式,2:鱼眼模式,3:小行星模式,4:VR 模式水平,8:VR 模式竖直 9:平面模式

示例代码

var detuPanoPlayer = api.require('detuPanoPlayer');
detuPanoPlayer. setViewMode({
  mode:2
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本