OpenHarmony3.1新特性-surface+videoplayer实现视频播放

最新推荐文章于 2024-10-29 14:58:19 发布

原创

最新推荐文章于 2024-10-29 14:58:19 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#音视频

本文介绍了OpenHarmony 3.1版本中新加入的xcomponent和videoplayer组件，它们如何协同工作以提供定制化的视频播放体验，包括高级功能如视频首帧上报、尺寸变化监听等。通过surface和videoplayer的结合，开发者可以创建自定义视频播放器并显示在屏幕上。

千呼万唤始出来，在OpenHarmony最新发布的3.1版本中终于支持了surface+videoplayer实现视频播放的功能。

1. surface+videoplayer视频播放与传统的video组件对比

大家可能觉得不是很早就支持一个video组件就可以实现视频播放吗？是的，video组件也就简简单单能做个视频播放，而你仔细去查阅下，video组件支持的api功能太少了，很多定制化功能都无法实现。下面是3.1版本上video组件所具备的api：

而在3.1中添加了一个关键组件就是xcomponent，它可以设置一个type为surface，而我更关心的就是这个surface，在讲surface之前我先讲讲videoplayer。

3.1版本中同时还新增了视频播放的媒体服务videoplayer，它为我们提供了视频播放服务相关的各种api，video组件所具备的功能它全部具备，同时还具备视频首帧送显上报事件、监听视频播放宽高变化事件、监听视频缓存更新事件等等高级功能，这样就可以帮助我们自定义出非常高级的视频播放器出来了。

而videoplayer它只是个做视频播放的媒体服务，它并不能直接项video组件那样输出视频显示在显示器上，这个时候就需要借助surface了。Surface可以简单的理解为绘制时用的画布，在hml布局文件中添加一个xcomponent组件并设置type为surface，就相当于放置了一块画布。而surface在程序中可以抽象为一块内存，在js代码中xcomponent组件通过调用getXComponentSurfaceId()方法可以申请这块内存，然后就可以随意的绘制，videoplayer在完成视频的编解码服务之后，可以通过调用setDisplaySurface这个方法将视频内容输出到之前的surface