@realsee/vreo 0.2.0-alpha.18 → 0.2.0-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/docs/classes/Player.AudioLike.html +2 -2
- package/docs/classes/Player.Controller.html +3 -3
- package/docs/classes/Player.Player-1.html +3 -3
- package/docs/classes/Player.VideoAgentMesh.html +11 -11
- package/docs/classes/Player.VideoAgentScene.html +1 -1
- package/docs/demo/assets/AppReact.3778df98.js +1 -0
- package/docs/demo/assets/default.19fbc6cf.js +3952 -0
- package/docs/demo/assets/default.ba6e9412.css +1 -0
- package/docs/demo/assets/dynamic.63886cda.js +1 -0
- package/docs/demo/assets/examples.960e21f5.js +25 -0
- package/docs/demo/assets/examples.b031a050.js +25 -0
- package/docs/demo/assets/index.c8252302.js +1 -0
- package/docs/demo/assets/main.46c544c8.js +1 -0
- package/docs/demo/assets/react.53ec05f2.js +25 -0
- package/docs/demo/examples.html +3 -3
- package/docs/demo/index-react-dynamic.html +5 -5
- package/docs/demo/index-react.html +5 -5
- package/docs/demo/index.html +4 -4
- package/docs/enums/Player.InfoPanelStyleEnum.html +1 -1
- package/docs/enums/Player.InfoPanelTypeEnum.html +1 -1
- package/docs/enums/Player.PanoEffectEnum.html +1 -1
- package/docs/enums/Player.PanoTagEnum.html +1 -1
- package/docs/enums/Player.PanoTagStyleEnum.html +2 -2
- package/docs/enums/Player.VreoKeyframeEnum.html +12 -12
- package/docs/enums/fivePlugins.CameraMovementEffect.html +1 -1
- package/docs/enums/fivePlugins.Rotation.html +1 -1
- package/docs/interfaces/Player.CustomVreoKeyframeProps.html +1 -1
- package/docs/interfaces/Player.PlayerConfigs.html +2 -2
- package/docs/interfaces/Player.Vertex.html +1 -1
- package/docs/interfaces/Player.VideoAgentMeshOptions.html +3 -3
- package/docs/interfaces/Player.VreoKeyframe.html +1 -1
- package/docs/interfaces/Player.VreoUnit.html +1 -1
- package/docs/interfaces/Player.VreoVideo.html +1 -1
- package/docs/interfaces/fivePlugins.CSS3DRenderPluginExportType.html +2 -2
- package/docs/interfaces/fivePlugins.CameraMovementOptsCallback.html +1 -1
- package/docs/interfaces/fivePlugins.CameraMovementPluginExportType.html +2 -2
- package/docs/interfaces/fivePlugins.ModelTVVideoPluginData.html +1 -1
- package/docs/interfaces/fivePlugins.ModelTVVideoPluginExportType.html +1 -1
- package/docs/interfaces/fivePlugins.ModelTVVideoPluginParameterType.html +1 -1
- package/docs/interfaces/fivePlugins.Vector3Position.html +1 -1
- package/docs/interfaces/react.VreoActionCallbacks.html +6 -6
- package/docs/interfaces/react.VreoProviderProps.html +1 -1
- package/docs/modules/Player.html +16 -16
- package/docs/modules/custom.html +1 -1
- package/docs/modules/fivePlugins.html +3 -3
- package/docs/modules/react.html +1 -1
- package/lib/Player/Controller.d.ts +2 -0
- package/lib/Player/Controller.js +21 -2
- package/lib/Player/index.d.ts +1 -0
- package/lib/Player/index.js +31 -6
- package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +12 -4
- package/lib/typings/VreoUnit.d.ts +1 -0
- package/package.json +3 -2
- package/resources/Player/Controller.ts +149 -129
- package/resources/Player/index.tsx +169 -161
- package/resources/Player/modules/VideoAgent/VideoAgentMesh.ts +6 -1
- package/resources/typings/VreoUnit.ts +2 -0
|
@@ -74,7 +74,7 @@ export interface VideoAgentMeshOptions {
|
|
|
74
74
|
audioInstance?: HTMLAudioElement
|
|
75
75
|
/**
|
|
76
76
|
* 是否开启音频预载能力。**仅对`.mp3`有效**。
|
|
77
|
-
*
|
|
77
|
+
*
|
|
78
78
|
* @description 开启预载能力后会通过 `Fetch/XHR` 方式将音频文件下载转成二进制 [`Blob`](https://developer.mozilla.org/zh-CN/docs/Web/API/Blob) 提供给多媒体实例。这样的好处是 **能够保障音视频播放过程中不卡顿**。 但在部分 iOS 系统中会存在兼容问题——播 25s 之后会静音(`muted` 为 `false`,但是没有声音)。
|
|
79
79
|
*/
|
|
80
80
|
preload?: boolean
|
|
@@ -184,6 +184,9 @@ export class VideoAgentMesh extends THREE.Mesh {
|
|
|
184
184
|
const updatePaused = (paused: boolean) => runInAction(() => (this.paused = paused))
|
|
185
185
|
const onPause = () => updatePaused(true)
|
|
186
186
|
const onPlay = () => updatePaused(false)
|
|
187
|
+
const onEnded = () => {
|
|
188
|
+
console.log('vreo: video 播放结束')
|
|
189
|
+
}
|
|
187
190
|
|
|
188
191
|
this.audioInstance.addEventListener('pause', onPause)
|
|
189
192
|
this.audioInstance.addEventListener('play', onPlay)
|
|
@@ -191,6 +194,7 @@ export class VideoAgentMesh extends THREE.Mesh {
|
|
|
191
194
|
this.options.videoInstance?.addEventListener('play', onPlay)
|
|
192
195
|
this.audioLikeInstance.addEventListener('pause', onPause)
|
|
193
196
|
this.audioLikeInstance.addEventListener('play', onPlay)
|
|
197
|
+
this.options.videoInstance?.addEventListener('ended', onEnded)
|
|
194
198
|
|
|
195
199
|
this.$removeEventListener = () => {
|
|
196
200
|
this.audioInstance.removeEventListener('pause', onPause)
|
|
@@ -199,6 +203,7 @@ export class VideoAgentMesh extends THREE.Mesh {
|
|
|
199
203
|
this.options.videoInstance?.removeEventListener('play', onPlay)
|
|
200
204
|
this.audioLikeInstance.removeEventListener('pause', onPause)
|
|
201
205
|
this.audioLikeInstance.removeEventListener('play', onPlay)
|
|
206
|
+
this.options.videoInstance?.removeEventListener('ended', onEnded)
|
|
202
207
|
}
|
|
203
208
|
}
|
|
204
209
|
|
|
@@ -109,6 +109,8 @@ export type VreoKeyframeEvent = { [key in VreoKeyframeEnum]: (keyframe: VreoKeyf
|
|
|
109
109
|
playing: () => void
|
|
110
110
|
// 未知的 剧本帧类型
|
|
111
111
|
unknownKeyframeType: (keyframe: Record<string, any>) => void
|
|
112
|
+
// 一次播放完成(试用,只抛事件不做任何额外的逻辑处理)
|
|
113
|
+
ended: () => void
|
|
112
114
|
}
|
|
113
115
|
|
|
114
116
|
/**
|