|
@@ -326,42 +326,42 @@ export class MessageService {
|
|
|
// }, 5000);
|
|
|
// }
|
|
|
|
|
|
- playGift(giftModule: any) {
|
|
|
- console.log(giftModule);
|
|
|
- this.isPlayer = true;
|
|
|
- let dom = document.getElementById('vap-gift');
|
|
|
- console.log(dom);
|
|
|
- let vapPlayer = VapInit({
|
|
|
- container: dom, // 要渲染的载体,dom元素
|
|
|
- src: giftModule.gift?.video, // vap动画地址
|
|
|
- config: giftModule.gift?.config, // 播放vap动画需要的 json文件。必填
|
|
|
- width: window.innerWidth, // 容器宽度
|
|
|
- height: window.innerHeight, // 容器高度
|
|
|
- fps: 30, // 帧数,json文件中有这个视频的帧数的,可以看一下,
|
|
|
- mute: false, // 静音
|
|
|
- type: 1, // 组件基于type字段做了实例化缓存,不同的VAP实例应该使用不同的type值(如0、1、2等)
|
|
|
- loop: false, // 循环
|
|
|
- precache: true, // 预加载视频,下载完再播。小动画建议边下边播,大动画还是先下后播吧,因为太大了或者网络不好,会一卡一卡的。
|
|
|
- beginPoint: 0, // 起始播放时间点(单位秒),在一些浏览器中可能无效
|
|
|
- accurate: true, // 是否启用精准模式(使用requestVideoFrameCallback提升融合效果,浏览器不兼容时自动降级)
|
|
|
- });
|
|
|
- vapPlayer.play(); // 开始播放
|
|
|
- vapPlayer.on('ended', () => {
|
|
|
- // 监听播放完成的事件
|
|
|
- vapPlayer.destroy();
|
|
|
- vapPlayer = null;
|
|
|
- console.log('播放结束');
|
|
|
- this.giftLogMap.pop();
|
|
|
- if (this.giftLogMap.length > 0) {
|
|
|
- this.playGift(this.giftLogMap.slice(-1)[0]);
|
|
|
- } else {
|
|
|
- this.isPlayer = false;
|
|
|
- }
|
|
|
- });
|
|
|
- vapPlayer.on('playering', function () {
|
|
|
- console.log('playering');
|
|
|
- });
|
|
|
- }
|
|
|
+ // playGift(giftModule: any) {
|
|
|
+ // console.log(giftModule);
|
|
|
+ // this.isPlayer = true;
|
|
|
+ // let dom = document.getElementById('vap-gift');
|
|
|
+ // console.log(dom);
|
|
|
+ // let vapPlayer = VapInit({
|
|
|
+ // container: dom, // 要渲染的载体,dom元素
|
|
|
+ // src: giftModule.gift?.video, // vap动画地址
|
|
|
+ // config: giftModule.gift?.config, // 播放vap动画需要的 json文件。必填
|
|
|
+ // width: window.innerWidth, // 容器宽度
|
|
|
+ // height: window.innerHeight, // 容器高度
|
|
|
+ // fps: 30, // 帧数,json文件中有这个视频的帧数的,可以看一下,
|
|
|
+ // mute: false, // 静音
|
|
|
+ // type: 1, // 组件基于type字段做了实例化缓存,不同的VAP实例应该使用不同的type值(如0、1、2等)
|
|
|
+ // loop: false, // 循环
|
|
|
+ // precache: true, // 预加载视频,下载完再播。小动画建议边下边播,大动画还是先下后播吧,因为太大了或者网络不好,会一卡一卡的。
|
|
|
+ // beginPoint: 0, // 起始播放时间点(单位秒),在一些浏览器中可能无效
|
|
|
+ // accurate: true, // 是否启用精准模式(使用requestVideoFrameCallback提升融合效果,浏览器不兼容时自动降级)
|
|
|
+ // });
|
|
|
+ // vapPlayer.play(); // 开始播放
|
|
|
+ // vapPlayer.on('ended', () => {
|
|
|
+ // // 监听播放完成的事件
|
|
|
+ // vapPlayer.destroy();
|
|
|
+ // vapPlayer = null;
|
|
|
+ // console.log('播放结束');
|
|
|
+ // this.giftLogMap.pop();
|
|
|
+ // if (this.giftLogMap.length > 0) {
|
|
|
+ // this.playGift(this.giftLogMap.slice(-1)[0]);
|
|
|
+ // } else {
|
|
|
+ // this.isPlayer = false;
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // vapPlayer.on('playering', function () {
|
|
|
+ // console.log('playering');
|
|
|
+ // });
|
|
|
+ // }
|
|
|
|
|
|
async getRoom(uid: string): Promise<string | undefined> {
|
|
|
let query = new Parse.Query('Room');
|