视频经纪人贴片类
基于 THREE.js 的网格对象,作为 VR 视频播放的核心媒体管理组件。 负责视频和音频的播放控制、时间同步、绿幕抠图渲染等功能。
主要特性:
const videoMesh = new VideoAgentMesh(1920, 1080, 32, 18, { preload: true, videoInstance: customVideoElement})// 播放视频await videoMesh.play('https://example.com/video.mp4', 0, 60)// 获取当前时间console.log(videoMesh.currentTime)// 销毁资源videoMesh.dispose() Copy
const videoMesh = new VideoAgentMesh(1920, 1080, 32, 18, { preload: true, videoInstance: customVideoElement})// 播放视频await videoMesh.play('https://example.com/video.mp4', 0, 60)// 获取当前时间console.log(videoMesh.currentTime)// 销毁资源videoMesh.dispose()
创建视频经纪人贴片实例
网格宽度
网格高度
宽度方向分段数
高度方向分段数
配置选项
const mesh = new VideoAgentMesh(1920, 1080, 32, 18, { preload: true, videoInstance: document.getElementById('video')}) Copy
const mesh = new VideoAgentMesh(1920, 1080, 32, 18, { preload: true, videoInstance: document.getElementById('video')})
移除事件监听器的函数
音频实例
AudioLike 实例
是否冻结状态
是否暂停状态
Optional
当前视频URL
获取当前播放时间(毫秒)
将媒体实例的秒级时间转换为毫秒,提供更高精度的时间控制
当前播放时间戳(毫秒)
获取当前的媒体实例
根据媒体类型自动返回对应的播放实例:
当前活跃的媒体播放实例
销毁视频经纪人贴片实例
清理所有事件监听器、DOM元素和缓存实例,释放内存资源
// 在组件卸载时调用videoMesh.dispose() Copy
// 在组件卸载时调用videoMesh.dispose()
播放媒体内容
支持多种播放模式:
媒体文件URL,默认为空字符串
播放起始时间(秒),默认为 0
媒体总时长(秒),可选
Promise<boolean> 播放是否成功
// 播放视频文件await mesh.play('video.mp4', 10, 120)// 仅设置时长(音频跟踪)await mesh.play('', 0, 60)// 继续播放当前媒体await mesh.play() Copy
// 播放视频文件await mesh.play('video.mp4', 10, 120)// 仅设置时长(音频跟踪)await mesh.play('', 0, 60)// 继续播放当前媒体await mesh.play()
视频经纪人贴片类
基于 THREE.js 的网格对象,作为 VR 视频播放的核心媒体管理组件。 负责视频和音频的播放控制、时间同步、绿幕抠图渲染等功能。
主要特性:
Example