HarmonyOS鸿蒙Next中跨页面视频播放场景无法实现无缝转场如何解决

HarmonyOS鸿蒙Next中跨页面视频播放场景无法实现无缝转场如何解决

【问题现象】

在跨页面视频播放场景下，更换XComponent后新的surfaceId无法和已有AVPlayer实例绑定，导致多个XComponent无法公用一个AVPlayer实现无缝转场。

【背景知识】

【解决方案】

可以通过动态切换surface，实现跨页面视频播放无缝转场。具体操作步骤如下：

  1. 在page1页面，通过GlobalContext将AVPlayer当做全局单例变量放到Map<string, media.AVPlayer>里面。
  2. 通过router跳转到page2页面，通过Map<string, media.AVPlayer>获取单例AVPlayer，将page2页面的Xcomponent的SurfaceId设置给AVPlayer。

代码示例如下：

import { media } from '@kit.MediaKit';
export class GlobalContext {
    private constructor() {}
    private static instance: GlobalContext;
    private _objects = new Map<string, media.AVPlayer>();

    public static getContext(): GlobalContext {
        if (!GlobalContext.instance) {
            GlobalContext.instance = new GlobalContext();
        }
        return GlobalContext.instance;
    }

    getObject(value: string): media.AVPlayer | undefined {
        return this._objects.get(value);
    }

    setObject(key: string, objectClass: media.AVPlayer): void {
        this._objects.set(key, objectClass);
    }
}

onJumpClick(): void {
    router.replaceUrl({
        url: 'pages/player' // 目标url
    }, (err) => {
        if (err) {
            console.error(`Invoke pushUrl failed, code is ${err.code}, message is ${err.message}`);
            return;
        }
        console.info('Invoke pushUrl succeeded.');
    })
}
  1. 将AVPlayer放进全局map中，AVPlayer指定相应组件的surfaceId即可完成播放无缝切换。

代码示例如下：

// 将AVPlayer放进全局map
if (this.player) {
    GlobalContext.getContext().setObject('value', this.player);
}

.onLoad(() => {
    this.mXComponentController.setXComponentSurfaceSize({ surfaceWidth: this.xComponentWidth, surfaceHeight: this.xComponentHeight });
    this.surfaceID=this.mXComponentController.getXComponentSurfaceId();
    console.info('onLoad '+this.surfaceID)

    // 取出全局map里面的AVPlayer
    avPlayer=GlobalContext.getContext().getObject('value');
    if (avPlayer) {
        avPlayer.surfaceId=this.surfaceID;
    }
})

更多关于HarmonyOS鸿蒙Next中跨页面视频播放场景无法实现无缝转场如何解决的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS鸿蒙Next中跨页面视频播放场景无法实现无缝转场如何解决的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，跨页面视频播放场景无法实现无缝转场的问题

在HarmonyOS鸿蒙Next中，跨页面视频播放场景无法实现无缝转场的问题，通常与页面切换时视频播放器的生命周期管理有关。鸿蒙系统提供了VideoPlayer组件用于视频播放，但在页面切换时，默认情况下播放器会被销毁或暂停，导致播放中断。

要实现无缝转场，可以通过以下方式处理：

  1. 使用全局播放器：将VideoPlayer实例化在全局或应用级别，而不是页面级别。这样在页面切换时，播放器不会被销毁，可以继续播放。可以通过Ability或Service来管理播放器实例。

  2. 页面切换时保持播放状态：在页面切换时，通过onPageShow和onPageHide等生命周期回调，手动控制播放器的暂停和恢复。可以在页面隐藏时暂停播放，页面显示时恢复播放。

  3. 使用共享内存或事件总线：通过共享内存或事件总线机制，在页面之间传递播放状态和进度信息。这样在新页面加载时，可以根据传递的信息恢复播放。

  4. 使用PageAbility的onBackPress方法：在返回上一个页面时，通过onBackPress方法控制播放器的状态，确保播放不被中断。

  5. 优化页面加载速度：减少页面切换时的加载时间，确保播放器在页面切换过程中不会因为页面加载过慢而中断。

通过以上方法，可以在鸿蒙Next中实现跨页面视频播放的无缝转场。

回到顶部