# CCMVideo
# 概述
无层级视频组件
# 使用样例
播放本地视频
this.video.clip = cc.url.raw('resources/xxx.mp4');
this.video.play();
播放网络视频
this.video.clip = 'http(s)://host/xxx.mp4';
this.video.play();
# 属性
属性 | 描述 |
---|---|
clip | 视频资源,网络资源请使用字符串赋值 本地资源请使用 cc.url.raw(xxx) 赋值 |
loop | 循环播放选项 |
duration | 获取视频时长,仅可在 LOADED 事件后获取 |
currentTime | get: 获取当前位置 set: 跳转到指定位置 |
# 事件监听
private onVideoEvent(sender, event) {
switch (event) {
case EventType.LOADED:
console.log(TAG, 'loaded');
break;
case EventType.READY:
console.log(TAG, 'ready');
break;
case EventType.PLAYING:
console.log(TAG, 'play');
break;
case EventType.PAUSED:
console.log(TAG, 'paused');
break;
case EventType.STOPPED:
console.log(TAG, 'stopped');
break;
case EventType.COMPLETED:
console.log(TAG, 'completed');
break;
case EventType.ERROR:
console.log(TAG, 'error');
break;
}
}
事件 | 描述 |
---|---|
LOADED | 视频信息加载完成 |
READY | 准备就绪可以播放 |
COMPLETED | 播放完成 |
ERROR | 播放异常 |
PLAYING | 正在播放,播放开始仅触发一次 |
PAUSED | 已暂停 |
STOPPED | 已停止播放 |
BUFFER_START | 缓冲开始,仅原生端有效 |
BUFFER_UPDATE | 缓冲进度更新,仅原生端有效 |
BUFFER_END | 缓冲完成,仅原生端有效 |
# 特性
- 无层级限制
- 移动端边下边播
- 移动端 YUV 渲染
- 支持高帧率(60fps),高分辨率(1080p)资源播放
- iOS 硬解默认启用