new XRPlayerManager(mount, initProps, handler) → {XRPlayerManger}
XR对外的交互通过Manager来提供
Parameters:
| Name | Type | Description |
|---|---|---|
mount |
Element | Three.js 渲染过载节点 |
initProps |
Object | 初始化参数 |
handler |
function | 统一的事件处理 |
- Source:
Returns:
管理器实例
- Type
- XRPlayerManger
Example
// 将在播放器创建完成之后，回调onCreated方法，参数为xrManager实例
// 之后便可以在应用中通过xrManager来操作播放器
<XRPlayer>
onCreated={(xrManager)=>{this.manager = xrManager}}
</XRPlayer>Members
emitEvent
事件处理与分发
- Source:
Methods
addModel(model_key, model)
通过key value的方式添加一个模型到场景中
Parameters:
| Name | Type | Description |
|---|---|---|
model_key |
string | |
model |
object |
- Source:
connectCameraControl()
连接相机视角控制器，视角可以通过鼠标等方式调整
- Source:
disConnectCameraControl()
关闭连接器，无法通过鼠标方式调整视野
- Source:
enableKeyControl(enable)
视口开启键盘控制相机视角
Parameters:
| Name | Type | Description |
|---|---|---|
enable |
boolean |
- Source:
exportConfig() → {object}
将当前场景的配置导出到配置对象中
- Source:
Returns:
config
- Type
- object
getCameraLatLon() → {object}
以lat，lon的方式获取相机的坐标
- Source:
Returns:
latLonPos, lat【-180，180】，lon【0，180】
- Type
- object
getCameraUVPosition()
以UV坐标的方式获取球面映射到二维平面上的UV坐标
- Source:
getDisplaySenceResourceCurrentTime() → {number}
获取全景背景视频的当前播放时间
- Source:
Returns:
currentTime
- Type
- number
loadConfig(})
从一个配置对象中初始化整个场景
Parameters:
| Name | Type | Description |
|---|---|---|
} |
object | config |
- Source:
moveCameraTo(descPos, onStart, onEnd, duration, delay)
Parameters:
| Name | Type | Description |
|---|---|---|
descPos |
* | 相机目标位置，采用lat，lon表示 |
onStart |
function | 移动开始事件回调 |
onEnd |
functon | 移动结束事件回调 |
duration |
number | 相机移动动画的持续时长 |
delay |
number | 相机动画延迟启动时长 |
- Source:
pauseDisplaySenceResource()
暂停播放全景背景视频
- Source:
removeAllModel()
移除所有之前添加的模型
- Source:
removeModel(model_key)
通过模型的key，移除之前添加的一个模型
Parameters:
| Name | Type | Description |
|---|---|---|
model_key |
string |
- Source:
resetModels(model_list)
通过一个模型列表，一次性添加多个模型到场景中
Parameters:
| Name | Type | Description |
|---|---|---|
model_list |
array |
- Source:
resetModels()
reset模型相关的配置，会移除所有已经添加的模型
- Source:
setGlobalMuted(muted)
设置全局静音，会生成global_muted事件
Parameters:
| Name | Type | Description |
|---|---|---|
muted |
boolean | 是否静音 |
- Source:
setGlobalVolume(volume)
设置全局音量大小，会生成global_volume事件
Parameters:
| Name | Type | Description |
|---|---|---|
volume |
int | 音量大小 |
- Source:
startDisplaySenceResource()
启动播放全景背景视频
- Source: