HarmonyOS 鸿蒙Next 视频播放如何显示画面

HarmonyOS 鸿蒙Next 视频播放如何显示画面 视频播放开发步骤中，XComponent这一块不知道怎么显示画面，文档的代码不太全，我复制过去运行后视频播放画面不显示，有没有大佬看看

指南里就写这么多

工程里的，运行后只有视频声音，没有画面

5 回复

surfaceId设置给AVPlayer了吗？如果设置了，代码贴一下，让大家看看

更多关于HarmonyOS 鸿蒙Next 视频播放如何显示画面的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


对，漏了这个，在初始化里面加“avPlayer.surfaceId = this.surfaceId;”，就可以显示画面了。

我加了这个也没有画面显示，只有声音，

在监听里边加的吗？

在HarmonyOS鸿蒙Next中，视频播放显示画面可以通过使用VideoPlayer组件实现。VideoPlayer是鸿蒙提供的用于播放视频的组件，支持本地和网络视频的播放。以下是一个简单的代码示例：

import media from '@ohos.multimedia.media';
import { VideoPlayer } from '@ohos.multimedia.media';

// 创建VideoPlayer实例
let videoPlayer: media.VideoPlayer = media.createVideoPlayer();

// 设置视频源
videoPlayer.url = 'https://example.com/sample.mp4';

// 设置视频显示的Surface
let surfaceId = videoPlayer.getSurfaceId();
videoPlayer.setDisplaySurface(surfaceId);

// 开始播放
videoPlayer.play();

在这个示例中，VideoPlayer组件通过setDisplaySurface方法将视频画面显示在指定的Surface上。Surface是鸿蒙系统中用于显示图像或视频的抽象层，通常与UI组件（如<Canvas>或<Image>）绑定。

如果需要自定义播放器界面，可以通过VideoPlayer的事件监听机制来实现。例如，监听播放状态、缓冲进度等事件，并更新UI。

鸿蒙系统还提供了MediaPlayer接口，适用于更复杂的媒体播放场景，支持音频、视频等多种媒体格式的播放。开发者可以根据具体需求选择合适的组件。

以上代码仅为示例，实际开发中需根据具体场景调整和优化。

回到顶部