OpenHarmony 视频播放开发指南~

原创

照亮你的路灯 2024-08-18 14:45:37 博主文章分类：移动开发 ©著作权

文章标签 音视频 openharmony 移动开发前端鸿蒙开发 文章分类 Html/CSS 前端开发

©著作权归作者所有：来自51CTO博客作者照亮你的路灯的原创作品，请联系作者获取转载授权，否则将追究法律责任

介绍

本示例主要展示了网络视频播放的相关功能。使用@ohos.multimedia.avsession等接口实现视频播放的功能。

效果预览

主页

使用说明

点击播放按钮，应用的播放状态发生变化。
点击暂停按钮，应用的播放状态开始变化。
点击上一个按钮，界面展示播放列表中的上一个视频的信息。
点击下一下按钮，界面展示播放列表中的下一个视频的信息。

工程目录

给出项目中关键的目录结构并描述它们的作用，示例如下：

entry/src/main/ets/
|---common                             // 方法封装
|---|---AudioFrameworkTest.ets
|---|---AudioUtils.ets                 // 控制器封装
|---|---CommonUtils.ets                // 格式化时间封装
|---|---Constants.ets                  // 媒体资源信息
|---|---Log.ets                        // 日志封装
|---|---PermissionUtils.ets            // 权限封装
|---entryability              
|---|---EntryAbility.ets               
|---pages
|---|---Index.ets                      // 界面实现
|---|---components
|---|---|---SongItem.ets               // 视频列表组件

具体实现

界面相关的实现都封装在pages/Index.ets下，源码参考：pages/Index.ets
使用@State来设置与逻辑代码同步更新的变量，当逻辑代码中对应的变量更新时，界面会同步的刷新。
通过引入逻辑代码对应的类，创建出对象，实现对onClick事件的响应，关键代码段：

import media from '@ohos.multimedia.media';     // 引入
      
      this.avPlayer = await media.createAVPlayer();  // 创建对象
      
      this.controller = await this.session.getController();  // 通过类的对象来调用逻辑代码

逻辑相关的实现都封装在common/MediaController.ets下，源码参考：common/AudioUtils.ets

应用的初始化相关操作

链接变量

使用@State来设置与逻辑代码同步更新，关键代码段：

@State session: avSession.AVSession = null;
      @State controller: avSession.AVSessionController = null;
      private avPlayer: media.AVPlayer;
      @State @Watch('playInfoUpdated') currentPlayInfo: avSession.AVMediaDescription = undefined;
      this.currentPlayInfo = temp;
      this.avPlayer = await this.audioUtils.init();

获取当前设备中会话并创建Controller

通过接口audioUtils.init()获取当前设备中的媒体会话；

通过接口session.getController()创建媒体会话对应的控制器；

应用在运行中相关的操作

从远程以及播控中心获取基础控制命令

基础控制命令可以通过监听事件setListenerForMesFromController()。本示例中，从媒体控制方到媒体提供方的基础控制命令主要包括play, pause, playPrevious, playNext。发送命令的参考代码如下：

let command : AVSessionManager.AVControlCommand = {
        command : 'play',
        parameter : undefined
      } // 构造AVControlCommand参数
      async setListenerForMesFromController(); // 媒体会话控制器与媒体会话一一对应

获取自定义会话数据（以获取视频为例）

说明：
本示例中，用户点击“下一个视频”的命令，会在将视频信息更新。

视频使用接口switchToNextByLoopMode()更新视频信息，示例代码如下：

this.currentIndex = this.currentIndex  === this.songList.length - 1 ? 0 : this.currentIndex + 1;
      this.updateCurrentPlayInfo(this.songList[this.currentIndex], this.audioType);

经常有很多小伙伴抱怨说：不知道学习鸿蒙开发哪些技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？

为了能够帮助到大家能够有规划的学习，这里特别整理了一套纯血版鸿蒙（HarmonyOS Next）全栈开发技术的学习路线，包含了鸿蒙开发必掌握的核心知识要点，内容有（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、WebGL、元服务、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony驱动开发、系统定制移植等等）鸿蒙（HarmonyOS NEXT）技术知识点。

OpenHarmony 视频播放开发指南~_移动开发_02