vrPlayer

addEventListener switchInteractive switchProjection getDuration seekTo

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个，示例中包含示例代码供您参考。

概述

VR简介

虚拟现实技术是一种可以创建和体验虚拟世界的计算机仿真系统，它利用计算机生成一种模拟环境，是一种多源信息融合的、交互式的三维动态视景和实体行为的系统仿真使用户沉浸到该环境中。

vrPlayer 模块概述

本模块暂仅封装了mp4格式的vr视频播放。(备注：本模块播放vr视频只适合用高端手机，安卓系统6.0以上，ios系统8.0以上，请开发者自行进行控制。)

固件要求

Android：6.0及以上 iOS：8.0及以上

addEventListener

监听手机不支持某互动类型（运动｜触摸｜运动&触摸）

addEventListener(callback(ret, err))

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：

示例代码

  2. demo.addEventListener(function(ret) {
  3.     alert(JSON.stringify(ret));
  4. });

可用性

Android系统

可提供的1.0.0及更高版本

openVrPlayer

播放vr视频

openVrPlayer({params}, callback(ret, err))

params

rect：

  • 类型：JSON 对象
  • 描述：（必填项）模块的位置及尺寸
  • 备注：iOS,Android 必须传此参数。
  • 内部字段：
  1. {
  2.     x: 0,   //（必填项）数字类型；模块左上角的 x 坐标（相对于所属的 Window 或 Frame）；默认值：0
  3.     y: 0,   //（必填项）数字类型；模块左上角的 y 坐标（相对于所属的 Window 或 Frame）；默认值：0
  4.     w: 320, //（必填项）数字类型；模块的宽度；默认值：所属的 Window 或 Frame 的宽度
  5.     h: 250  //（必填项）数字类型；模块的高度；默认值：250
  6. }

fixedOn：

  • 类型：字符串

fixed：

  • 类型：布尔
  • 描述：（（可选项）模块是否随所属 Window 或 Frame 滚动
  • 默认值：true（不随之滚动）

url：

  • 类型：字符串
  • 描述：（必填项）视频资源地址，支持fs://、widget://(在 android 平台上不支持 widget)、http:// (暂仅支持mp4，请开发者自行控制)

interactive:

  • 类型：数字型
  • 描述：（可选项）设置视频的互动类型（0：运动 1：触摸 2：运动&触摸）
  • 默认值：0（运动）

display:

  • 类型：数字型
  • 描述：（可选项）设置视频显示类型（0：正常 1：双镜头）
  • 默认值：0（正常）

projection:

  • 类型：数字型
  • 描述：（可选项）设置视频投影类型（0：球体 1：圆顶180 2：圆顶230 3：圆顶向上180 4：圆顶向上230 5：立体 6:平面铺满 7:平面剪裁 8:平面全铺）
  • 默认值：0（球体）

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true      //布尔型；true||false
  3. }
  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     msg: ""
  3. }

示例代码

  1. var demo = api.require('vrPlayer');
  2. demo.openVrPlayer({
  3.     rect : {
  4.         x : 0,
  5.         y : 0,
  6.         w : api.frameWidth,
  7.         h : 300
  8.     },
  9.     fixedOn : api.frameName,
  10.     fixed : true,
  11.     url : 'widget://res/skyrim360.mp4',
  12.     interactive : 0,
  14.     projection : 0
  15. },function(ret, err) {
  16.     alert(JSON.stringify(ret));
  17. });

备注

如果安卓部分手机不支持运动模式，打开视频的时候会有2个回调，第一次回调status=false，错误结果在err里面，打开视频成功后会有一次回到status=true

可用性

iOS系统、Android系统

可提供的1.0.0及更高版本

switchInteractive

设置视频的互动

switchInteractive({params}, callback(ret, err))

params

interactive:

  • 类型：数字型
  • 描述：（可选项）设置视频的互动类型（0：运动 1：触摸 2：运动&触摸）
  • 默认值：0（运动）

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true   //布尔型；true||false
  3. }

err：

  • 类型：JSON 对象
  • 内部字段：
  1. var demo = api.require('vrPlayer');
  2. demo.switchInteractive({
  3.     interactive : 1
  4. }, function(ret, err) {
  5. });

可用性

iOS系统、Android系统

可提供的1.0.0及更高版本

switchDisplay

设置视频的显示模式

switchDisplay({params}, callback(ret, err))

params

display:

  • 类型：数字型
  • 描述：（可选项）设置视频显示类型（0：正常 1：双镜头）
  • 默认值：0（正常）

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2. }

err：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     msg: ""
  3. }

示例代码

  1. var demo = api.require('vrPlayer');
  2. demo.switchDisplay({
  3.     display : 0
  4. }, function(ret, err) {
  5. });

可用性

iOS系统、Android系统

可提供的1.0.0及更高版本

switchProjection

设置视频的影像模式

switchProjection({params}, callback(ret, err))

params

projection:

  • 类型：数字型
  • 描述：（可选项）设置视频投影类型（0：球体 1：圆顶180 2：圆顶230 3：圆顶向上180 4：圆顶向上230 5：立体 6:平面铺满 7:平面剪裁 8:平面全铺）
  • 默认值：0（球体）

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true   //布尔型；true||false
  3. }

err：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  3. }

示例代码

可用性

可提供的1.0.0及更高版本

closeVrPlayer

关闭

closeVrPlayer(callback(ret, err))

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true   //布尔型；true||false
  3. }

err：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     msg: ""
  3. }
  1. var demo = api.require('vrPlayer');
  2. demo.closeVrPlayer(function(ret, err) {
  3. });

可用性

iOS系统、Android系统

可提供的1.0.0及更高版本

getDuration

获取视频的时长

getDuration(callback(ret, err))

callback(ret, err)

ret：

  • 类型：JSON对象
  • 内部字段：
  1. {
  2.     status: true,   //布尔型；true||false
  3.     duration : 1221122//视频的总时长
  4. }

示例代码

  1. var obj = api.require('vrPlayer');
  2. obj.getDuration(function(ret, err) {
  3.     alert(JSON.stringify(ret));
  4. });

可用性

iOS、Android系统

可提供的1.0.0及更高版本

getCurrentPosition

获取已经播放的时长

getCurrentPosition(callback(ret, err))

callback(ret, err)

ret：

  • 类型：JSON对象
  • 内部字段：
  1. {
  2.     status: true,   //布尔型；true||false
  3.     currentPosition : 2221//已经播放的时长
  4. }

示例代码

可用性

iOS、Android系统

可提供的1.0.0及更高版本

seekTo

设置播放进度位置(请根据视频最大时长进行参数控制传入)

seekTo({params}, callback(ret, err))

params

process：

  • 类型：数字型
  • 描述：（必填项）设置视频需要播放的时长
  • 默认值：0

示例代码

  1. var demo = api.require('vrPlayer');
  2. demo.seekTo({
  3.     process : 402334
  4. },function(ret, err) {
  5.     alert(JSON.stringify(ret));

可用性

Android、iOS系统

可提供的1.0.0及更高版本