@cc-component/cc-video 1.0.1

package/assets/video/base/IVideo.ts

@@ -0,0 +1,73 @@
+import { Component, Node } from "cc";
+
+export interface InitParam {
+     node: Node,
+     cover: Node,
+     bg: Node,
+     bundle: string,
+     dir: string,
+     cover_dir: string,
+     remote_url: string,
+     proCall?: (pro: number) => void
+}
+export interface IVideoData {
+     /**视频文件名称 */
+     name: string,
+     /**开始时间*/
+     start_time?: number,
+     /**结束时间 */
+     end_time?: number
+}
+
+export interface IVideoParam {
+     /**本次播放或者加载，是否指定目标大小*/
+     isTargetSize?: boolean,
+     /**是否是 时间段 视频,备注：多个小视频合成一个大视频 */
+     isPlayTime?: boolean,
+     /**循环播放 */
+     isLoop?: boolean,
+     /**封面图片 */
+     coverImage?: string,
+     /**全屏并且-保持原比例 */
+     isVideoFit?: boolean,
+     /**视频封面 */
+     onRead?: Function,
+     /**播放完成 */
+     onFinish?: Function,
+     /**可不设置
+      * 是本地视频还是远程，
+      * 小游戏会设置为：远程视频，
+      * 安卓和ios原生端会可不设置，根据url 判断是远程还是本地视频 */
+     isLocal?: boolean,
+}
+
+
+// export interface IVideoParam {
+//      isPlayTime?: boolean,
+//      isLoop?: boolean,
+//      finish?: Function,
+
+// }
+
+export class BaseVideo extends Component {
+     initVideo(initParam: { bundle: string, dir: string }) { }
+     loadVideo(name: string, param?: IVideoParam) { }
+     play(isloop?: boolean) { }
+     async pause() { }
+     stop() { }
+     resume() { }
+     seek(time: number) { }
+     destroyVideo() { }
+     setSize(param: { x: number, y: number, width: number, height: number }) { }
+     autoSize() { }
+     onTimeUpdate: (data: { position: number, duration: number }) => void;
+     onError: Function
+     onVideoEnd: Function
+     onRead: Function
+     getisPause(): boolean {
+          return false
+     }
+     //  getDuration(): number;
+     // isPlaying: boolean;
+     // isLocal:boolean;
+}

package/assets/video/base/IVideo.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "f52ed3a4-99e9-4583-a6e7-642a14237b86",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/video/base/VideoComponent.ts

@@ -0,0 +1,33 @@
+import { _decorator, Component, Node } from 'cc';
+import { VideoModule } from './VideoModule';
+import { Camera } from 'cc';
+import { director } from 'cc';
+import { Color } from 'cc';
+const { ccclass, property } = _decorator;
+@ccclass('VideoComponent')
+export class VideoComponent extends Component {
+    @property({ displayName: '备注：' })
+    des: string = '项目设置-宏配置-ENABLE_TRANSPARENT_CANVAS,开启透明画布'
+    @property({ displayName: '视频bundle' })
+    bundle_name: string = 'resources'
+    @property({ displayName: '封面目录' })
+    video_dir: string = 'video_dir'
+    @property({ displayName: '封面目录' })
+    cover_dir: string = 'cover_dir'
+    @property({ displayName: '远程地址根目录', tooltip: '视频远程地址全路径示例: https://hcy-cdn-domestic.wyx.cn/online/comeback/xxx.mp4' })
+    remote_url: string = 'https://hcy-cdn-domestic.wyx.cn/online/comeback/video/'
+    protected onLoad(): void {
+        //const camera = director.getScene().getComponentsInChildren(Camera)[0]
+        //   camera.clearColor = new Color(0, 0, 0, 0)
+        VideoModule.initVideo({
+            node: this.node.getChildByPath('video'),
+            cover: this.node.getChildByName('cover'),
+            bg: this.node.getChildByName('bg'),
+            bundle: this.bundle_name,
+            dir: this.video_dir,
+            cover_dir: this.cover_dir,
+            remote_url: this.remote_url
+        })
+
+    }
+}

package/assets/video/base/VideoComponent.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "5a96af9a-5483-417c-a1a7-55b54d6e9562",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/video/base/VideoManager.ts

@@ -0,0 +1,399 @@
+import { VideoPlayer, Node, sys, Sprite, UITransform, Size, view, assetManager, SpriteFrame, AssetManager, Asset } from 'cc';
+import { _decorator } from 'cc';
+import { BaseVideo, InitParam, IVideoData, IVideoParam } from './IVideo';
+import { VideoPlayWeb } from './VideoPlayWeb';
+import { VideoPlayWX } from './VideoPlayWX';
+import { WECHAT } from 'cc/env';
+import { VideoPlayTT } from './VideoPlayTT';
+const { ccclass, property } = _decorator;
+
+
+
+export class VideoManager {
+    Debug: boolean = false;
+    static _instance: VideoManager = null!;
+    public static get instance(): VideoManager {
+        if (!VideoManager._instance) {
+            VideoManager._instance = new VideoManager();
+        }
+        return VideoManager._instance;
+    }
+
+    isPlaying: boolean;
+    isloop: boolean;
+    baseVideo: BaseVideo;
+    // 添加一个标志位用于控制是否停止播放
+    private stopRequested: boolean = false;
+
+    /** 封面图 */
+    cover: Sprite;
+    isError: boolean = false;
+
+
+    currentIndex = 0;
+    currentList: IVideoData[] = [];
+    node: Node;
+    taskId = 'mainVideoList';
+    param: IVideoParam = {
+        isLoop: false,
+        isLocal: false,
+        isPlayTime: false,
+        isTargetSize: false
+    };
+    paramPlay: IVideoParam = {
+        isLoop: false,
+        isPlayTime: true,
+        isTargetSize: false
+    };
+    paramInit: InitParam;
+    cur_name = "";
+    get isLoop() {
+        if (this.paramPlay.isLoop === undefined || this.paramPlay.isLoop === null) {
+            return true
+        }
+        return this.paramPlay.isLoop
+    }
+    get isPlayTime() {
+        if (this.param.isPlayTime === undefined || this.param.isPlayTime === null) {
+            return false
+        }
+        return this.param.isPlayTime
+    }
+    get isMinGame() {
+        if (WECHAT) {
+            return true;
+        }
+        return false;
+    }
+
+    remote_url = ""
+    initVideo(param: InitParam) {
+        this.paramInit = param;
+        this.node = param.node;
+        this.cover = param.cover.getComponent(Sprite);
+        this.cover.node.active = false;
+        this.node.addChild(this.cover.node);
+        switch (sys.platform) {
+            case sys.Platform.ANDROID:
+                this.baseVideo = this.node.addComponent(VideoPlayWeb);
+                break;
+            case sys.Platform.WECHAT_GAME:
+                this.baseVideo = this.node.addComponent(VideoPlayWX);
+                break;
+            case sys.Platform.BYTEDANCE_MINI_GAME:
+                this.baseVideo = this.node.addComponent(VideoPlayTT);
+                break;
+            default:
+                this.baseVideo = this.node.addComponent(VideoPlayWeb);
+                break;
+        }
+        this.baseVideo.initVideo({ bundle: this.paramInit.bundle, dir: param.dir });
+        this.baseVideo.onTimeUpdate = async (data: { position: number, duration: number }) => {
+            if (this.currentList.length <= 0) {
+                return
+            }
+            const currentName = this.currentList[this.currentIndex]
+            //console.log("时间：", !this.baseVideo.getisPause(),data.position , currentName.end);
+            if (this.isLoop) {
+                if (data.position >= currentName.end_time && !this.baseVideo.getisPause()) {
+                    if (VideoManager.instance.Debug)
+                        console.log("播放结束：", currentName, !this.baseVideo.getisPause);
+                    await this.pause();
+                    this.currentIndex++;
+                    if (this.currentIndex === this.currentList.length) {
+                        this.currentIndex = 0;
+                    }
+                    this.playVideoTime(this.currentList[this.currentIndex])
+                }
+
+            } else {
+                if (data.position >= currentName.end_time && !this.baseVideo.getisPause()) {
+                    if (VideoManager.instance.Debug)
+                        console.log("播放结束：", currentName, !this.baseVideo.getisPause);
+                    await this.pause();
+                    this.paramPlay?.onFinish?.()
+                }
+            }
+
+        };
+        this.baseVideo.onError = (err) => {
+            this.isError = true;
+            console.error("视频报错了", err)
+        };
+
+        this.baseVideo.onVideoEnd = () => {
+            if (VideoManager.instance.Debug)
+                console.warn("视频播放完成")
+            const taskId = 'mainVideoList';
+            if (this.playTasks.has(taskId)) {
+                const task = this.playTasks.get(taskId);
+                if (task && task.finishPlayResolve) {
+                    task.finishPlayResolve();
+                    // 调用后清空引用
+                    // task.finishPlayResolve = null;
+                }
+            }
+            if (this.paramPlay?.onFinish) {
+                this.paramPlay.onFinish();
+                if (this.paramPlay.isLoop)
+                    this.paramPlay.onFinish = undefined;
+            }
+        };
+        this.baseVideo.onRead = () => {
+            if (VideoManager.instance.Debug)
+                console.log("视频准备好了")
+            this.cover.node.active = false
+            this.seek(0)
+            if (this.param.isLocal) {
+                //this.play()
+                //console.log("开始播放")
+                this.param?.onRead?.()
+            }
+            else if (this.param.isPlayTime) {
+                this.pause()
+                this.param?.onRead?.()
+            }
+            else {
+                this.pause()
+                this.param?.onRead?.()
+            }
+        };
+
+        this.autoSize()
+
+    }
+    // 在类中添加属性（您已经添加了）
+    coount = 0
+    // 修改 playTasks 的类型定义，增加 finishPlayResolve 字段
+    private playTasks: Map<string, { count: number, stop: () => void, finishPlayResolve: (() => void) | null }> = new Map();
+
+    // 在 playVideoList 方法中更新存储逻辑
+    loadVideo(name: string, param: IVideoParam): void {
+        name = param.isLocal ? name : `${this.remote_url}${name}.mp4`
+        if (VideoManager.instance.Debug)
+            console.log("加载视频：", name);
+        this.param = param;
+        this.cover.spriteFrame = assetManager.getBundle(this.paramInit.bundle)?.get(`${this.paramInit.cover_dir}/${param.coverImage}/spriteFrame`)
+        this.cover.node.active = this.cur_name === name ? false : true;
+
+        this.baseVideo.loadVideo(name, param)
+        this.cur_name = name;
+    }
+
+    private play(): void {
+        this.baseVideo.play()
+    }
+
+    setSize(param: { x: number, y: number, width: number, height: number }) {
+        this.baseVideo.setSize(param)
+    }
+    // 节点位置适配
+    autoSize() {
+        this.baseVideo.autoSize()
+    }
+
+
+    async pause() {
+        await this.baseVideo.pause()
+    }
+    stop(): void {
+    }
+    resume(): void {
+    }
+    seek(time: number): void {
+        this.baseVideo.seek(time)
+    }
+
+    /**播放单个视频 */
+    playVideo(param?: IVideoParam): void {
+        this.paramPlay = param
+        this.baseVideo.play(param?.isLoop)
+    }
+
+    playVideoOne(name: string, param: IVideoParam) {
+        // if (VideoManager.instance.Debug)
+        //     console.log('加载视频', name)
+        const isloop = false
+        const onRead = param.onRead
+        param.onRead = () => {
+            console.warn('当前播放', name)
+            onRead?.()
+            this.playVideo(param)
+        }
+        this.loadVideo(name, param)
+    }
+
+    private playVideoTime(name: IVideoData): void {
+        if (VideoManager.instance.Debug)
+            console.warn('当前播放', name.start_time, name.end_time)
+
+        this.baseVideo.seek(name.start_time)
+        this.baseVideo.play()
+    }
+
+    //#region  新方案
+    async playVideoList(list: IVideoData[], param: IVideoParam) {
+        this.paramPlay = param
+
+
+        // 如果存在正在播放的任务，先停止它
+        const taskId = this.taskId
+        this.stopTask(taskId)
+        //新任务延迟1帧
+        setTimeout(async () => {
+            this.currentList = list;
+            this.currentIndex = 0
+            if (VideoManager.instance.Debug)
+                console.log("当前播放列表", JSON.stringify(list))
+            this.coount++;
+            // 重置状态
+            this.stopRequested = false;
+            this.isError = false;
+            // 创建停止函数
+            let isStopped = false;
+            const stopFunction = () => {
+                isStopped = true;
+                this.stopRequested = true;
+                if (this.baseVideo) {
+                    //this.baseVideo.pause();
+                }
+            };
+            if (VideoManager.instance.Debug)
+                console.log("开始任务", this.coount)
+            // 将停止函数和 finishPlayResolve 存储到Map中
+            this.playTasks.set(taskId, { count: this.coount, stop: stopFunction, finishPlayResolve: null });
+            const oldTask = this.playTasks.get(taskId);
+            // 调用原始的播放逻辑
+            await this._playVideoList(list, param, taskId);
+            // 清理任务
+            if (VideoManager.instance.Debug)
+                console.log('任务已结束', oldTask?.count);
+            if (!param.isLoop)
+                param.onFinish?.()
+            //this.playTasks.delete(taskId);
+        });
+    }
+
+    stopTask(taskId: string) {
+        if (this.playTasks.has(taskId)) {
+            let oldTask: any = this.playTasks.get(taskId);
+            if (oldTask) {
+                // 调用之前存储的 finishPlayResolve 来中断等待
+                if (oldTask.finishPlayResolve) {
+                    oldTask.finishPlayResolve();
+                }
+                oldTask.stop();
+            }
+            this.playTasks.delete(taskId);
+        }
+
+    }
+    // 在 _playVideoList 方法中更新 finishPlayResolve 的存储
+    async _playVideoList(list: IVideoData[], param: IVideoParam, taskId: string) {
+        // this.cover.node.active = true
+        for (let index = 0; index < list.length; index++) {
+            // 检查是否需要停止
+            if (this.stopRequested) {
+                if (VideoManager.instance.Debug)
+                    console.log("播放被停止");
+                break;
+            }
+            if (this.isError) { break; }
+            const name = list[index];
+            if (this.isPlayTime) {
+                this.playVideoTime(name)
+            } else {
+                this.playVideoOne(name.name, param)
+            }
+
+            // 更新 playTasks 中的 finishPlayResolve
+            await new Promise<void>((resolve, reject) => {
+                // 更新Map中的 finishPlayResolve 引用
+                if (this.playTasks.has(taskId)) {
+                    const task = this.playTasks.get(taskId);
+                    if (task) {
+                        task.finishPlayResolve = resolve;
+                    }
+                }
+            })
+
+            if (this.isError) { break; }
+            if (VideoManager.instance.Debug)
+                console.warn('停止', this.stopRequested)
+            if (this.stopRequested) {
+                break;
+            }
+        }
+        if (VideoManager.instance.Debug)
+            console.log('播放结束')
+        if (param.isLoop) {
+            // 同样检查停止请求
+            if (!this.stopRequested) {
+                this._playVideoList(list, param, taskId)
+            }
+        }
+    }
+
+
+    // 增加停止播放列表的方法
+    public stopVideoList() {
+        this.stopRequested = true;
+        this.stopTask(this.taskId)
+        this.baseVideo.destroyVideo()
+    }
+
+    async loadBundle(bundleName) {
+        let bundle = assetManager.getBundle(bundleName);
+        if (!bundle) {
+            bundle = await new Promise<AssetManager.Bundle>(resolve => {
+                assetManager.loadBundle(bundleName, (err, bundle) => {
+                    if (err) {
+
+                        console.error("没有bundle", bundleName, err)
+                        return
+                    } else {
+                        resolve(bundle)
+                    }
+                });
+            })
+        }
+    }
+    // 在 VideoManager 类中添加以下方法
+    /**加载视频 */
+    preLoadVideo(bundleName: string, dirs: string[], pro: (pro: number) => void) {
+        return new Promise<void>(async (resolve, reject) => {
+            let bundle = assetManager.getBundle(bundleName);
+            if (!bundle) {
+                bundle = await new Promise<AssetManager.Bundle>(resolve => {
+                    assetManager.loadBundle(bundleName, (err, bundle) => {
+                        if (err) {
+                            reject(err);
+                        } else {
+                            resolve(bundle)
+                        }
+                    });
+                })
+            }
+            let pro_num = 0
+
+            for (let index = 0; index < dirs.length; index++) {
+                const dir = dirs[index];
+                await new Promise<void>(resolve => {
+                    bundle.loadDir(dir, (fin, total) => {
+                        const value = fin / total * 100;
+                        pro?.(Math.floor(value));
+                    }, (err, assets) => {
+                        resolve()
+                    })
+                })
+                // let pro_add = (index + 1) / dirs.length
+                // pro_num = pro_add * 100
+                // pro?.(index);
+            }
+            resolve()
+        })
+    }
+}
+
+
+

package/assets/video/base/VideoManager.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a987e3ef-276e-48bf-ac02-62b00f26afc6",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/video/base/VideoModule.ts

@@ -0,0 +1,137 @@
+import { _decorator, assetManager, Component, Node, randomRangeInt } from 'cc';
+import { VideoManager } from './VideoManager';
+import { InitParam, IVideoData, IVideoParam } from './IVideo';
+import { BYTEDANCE, WECHAT } from 'cc/env';
+import { sys } from 'cc';
+import { VideoPlayTT } from './VideoPlayTT';
+import { VideoPlayWeb } from './VideoPlayWeb';
+import { VideoPlayWX } from './VideoPlayWX';
+const { ccclass, property } = _decorator;
+
+
+export class VideoModule {
+    static _instance: VideoModule = null;
+    static get instance(): VideoModule {
+        if (!this._instance) {
+            this._instance = new VideoModule();
+        }
+        return this._instance;
+    }
+
+    get isMinGame() {
+        if (WECHAT || BYTEDANCE) {
+            return true
+        }
+        return false;
+    }
+    /**视频地址 */
+    remote_url = "https://hcy-cdn-domestic.wyx.cn/online/comeback/";
+    static async initVideo(param: InitParam) {
+        // if (BYTEDANCE) {
+        //     param.bg.active = true;
+        //     this.remote_url += "video_dy/"
+        // }
+        // else if (WECHAT) {
+        //     param.bg.active = false;
+        //     this.remote_url += "video_dy/"
+        // }
+        // else {
+        //     param.bg.active = false;
+        //     this.remote_url += "video/"
+        //     await VideoManager.instance.loadBundle(param.bundle)
+        // }
+        VideoManager.instance.remote_url = param.remote_url
+        VideoManager.instance.initVideo(param)
+        console.log("视频初始化完成")
+    }
+
+    static Debug(enabled: boolean) { VideoManager.instance.Debug = enabled }
+    /**视频设置到指定大小 */
+    static SetSize(param: { x: number, y: number, width: number, height: number }) { VideoManager.instance.setSize(param) }
+    /**节点位置适配-自动适配 */
+    static AutoSize() { VideoManager.instance.autoSize() }
+    /**暂停 */
+    static async Pause() { return await VideoManager.instance.pause() }
+    /**继续 */
+    static async Resume() { return await VideoManager.instance.resume() }
+    /**停止视频 */
+    static StopVideoTask() { VideoManager.instance.stopVideoList() }
+
+    /**提前加载视频 */
+    static LoadVideo(name: string, param: IVideoParam) {
+        VideoManager.instance.stopVideoList()
+        param.isLocal = VideoModule.isLocal(name)
+        VideoManager.instance.loadVideo(name, param)
+    }
+
+    /**播放单个视频 */
+    static PlayVideo(video: IVideoData, param: IVideoParam) {
+        VideoManager.instance.stopVideoList()
+        param.isLocal = VideoModule.isLocal(video.name)
+        const onRead = param.onRead
+        param.onRead = () => {
+            onRead?.()
+            VideoManager.instance.playVideo(param)
+        }
+        VideoManager.instance.loadVideo(video.name, param)
+    }
+
+    /** 播放多个视频*/
+    static PlayVideoMore(video_list: IVideoData[], param: IVideoParam) {
+        const url = video_list[0].name
+        param.isLocal = VideoModule.isLocal(url)
+        if (param.isPlayTime) {
+            const onRead = param.onRead
+            param.onRead = () => {
+                onRead?.()
+                VideoManager.instance.playVideoList(video_list, param)
+            }
+            VideoManager.instance.loadVideo(url, param)
+        } else {
+            VideoManager.instance.playVideoList(video_list, param)
+        }
+    }
+
+    static isLocal(url: string) {
+        let result = url
+        switch (sys.platform) {
+            case sys.Platform.WECHAT_GAME:
+            case sys.Platform.BYTEDANCE_MINI_GAME:
+                result = `${VideoManager.instance.paramInit.remote_url}${url}`
+                break;
+            default:
+                // result = `${VideoManager.instance.paramInit.remote_url}${url}`
+                break;
+        }
+        return !result.includes("http")
+    }
+
+
+    //#region 本地视频
+    /**播放单个视频 -本地视频 */
+    // public play(url: string, param: IVideoParam) {
+    //     VideoManager.instance.loadVideo(url, {
+    //         isLoop: param.isLoop, isVideoFit: param.isVideoFit, isLocal: param.isLocal, isPlayTime: param.isPlayTime, coverImage: param.coverImage, onRead: () => {
+    //             VideoManager.instance.playVideo({
+    //                 isLoop: param.isLoop,
+    //                 finish: param.onRead
+    //             })
+    //         }
+    //     })
+    // }
+
+
+    // //#region 网络视频 
+    // /**播放单个视频 --- */
+    // public playRemote(url: string, param: { isloop: boolean, coverImage: string, finish: Function }) {
+    //     VideoManager.instance.loadVideo(url, {
+    //         isLoop: param.isloop, isLocal: false, isPlayTime: false, coverImage: param.coverImage, onRead: () => {
+    //             VideoManager.instance.playVideo({
+    //                 isLoop: param.isloop,
+    //                 finish: param.finish
+    //             })
+    //         }
+    //     })
+    // }
+}
+window.VideoModule = VideoModule;

package/assets/video/base/VideoModule.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "4f113e31-c657-4961-b12c-754c5d4bdb56",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}