# videoCodecSample **Repository Path**: weekend/video-codec-sample ## Basic Information - **Project Name**: videoCodecSample - **Description**: av_codec简单demo - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 21 - **Created**: 2024-04-18 - **Last Updated**: 2024-04-27 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # AVCodecSample ### 介绍 AVCodec 部件示例 Sample，基于 API11 构建，提供视频播放和录制的功能。 - 视频播放的主要流程是将视频文件通过解封装->解码->送显至屏幕。 - 视频录制的主要流程是相机采集->编码->封装成mp4文件。 ### 播放支持的原子能力规格 | 媒体格式 | 封装格式 | 码流格式 | | ----- | :----------------------------| :----------------------------| | 视频 | mp4 |视频码流：H.264/H.265| | 视频 | mkv |视频码流：H.264/H.265| | 视频 | mpeg-ts |视频码流：H.264| ### 录制支持的原子能力规格 | 封装格式 | 视频编解码类型 | | -------- |----------------------| | mp4 | H.264/H.265 | AAC、MPEG（MP3） | | m4a | AVC（H.264） | ### 效果预览 | 播放 | 特效 | 录制 | 录制 | |-----------------------------------------|-----------------------------------------|-------------------------------------------|-------------------------------------------| | ![播放.jepg](screenshots/devices/首页.jpeg) | ![特效.jpeg](screenshots/devices/全屏.jpeg) | ![录制.jpeg](screenshots/devices/沉浸模式.jpeg) | ![录制.jpeg](screenshots/devices/录制.jpeg) | ### 使用说明 1. 弹出是否允许“videoCodecSample”访问图片与视频？点击“允许” 2. 弹出是否允许“videoCodecSample”访问文件？点击“允许” 3. 弹出是否允许“videoCodecSample”使用相机？点击“允许” #### 播放 1. 推送视频文件至storage/media/100/local/files/Docs下 2. 点击播放按钮，选择文件 #### 录制 开发中 ### 目录 仓目录结构如下： ``` video-codec-sample/entry/src/main/ ├── cpp # Native层 │ ├── capbilities # 功能接口和实现 │ │ ├── include # 功能接口 │ │ ├── demuxer.cpp # 解封装实现 │ │ ├── muxer.cpp # 封装实现 │ │ ├── video_decoder.cpp # 解码实现 │ │ └── video_encoder.cpp # 编码实现 │ ├── common # 公共模块 │ │ ├── dfx # 日志 │ │ ├── sample_callback.cpp # 编解码回调实现 │ │ ├── sample_callback.h # 编解码回调定义 │ │ └── sample_info.h # 功能实现公共类 │ ├── render # 送显模块接口和实现 │ │ ├── include # 送显模块接口 │ │ ├── egl_core.cpp # 送显参数设置 │ │ ├── plugin_manager.cpp # 送显模块管理实现 │ │ └── plugin_render.cpp # 送显逻辑实现 │ ├── sample # Sample底层主要调用和传递模块 │ │ └── player # Native层播放接口和实现 │ │ ├── Player.cpp # Native层播放功能调用逻辑的实现 │ │ ├── Player.h # Native层播放功能调用逻辑的实现 │ │ ├── PlayerNative.cpp # JS层播放的实现 │ │ └── PlayerNative.h # JS层播放的接口 │ ├── types # Native层暴露上来的接口 │ │ ├── libplayer # 播放模块暴露给UI层的接口 │ │ └── librecorder # 录制模块暴露给UI层的接口 │   └── CMakeLists.txt # 编译入口 ├── ets # UI层 │ ├── common # 公共模块 │ ├── utils # 共用的工具类 │ │ ├── DateTimeUtils.ets # 获取当前时间 │ │ ├── Logger.ts # 日志工具 │ │ └── SaveAsset.ets # 选取文件保持位置 │   ├── entryability # 应用的入口 │ │ └── EntryAbility.ts # 申请权限弹窗实现 │ ├── pages # EntryAbility 包含的页面 │ │ └── Index.ets # 首页 │   └── sample # sample │ ├── player # 播放 │ │ └── Player.ets # 播放页面 │ └── recorder # 录制 │ └── Recorder.ets # 录制页面 ├── resources # 用于存放应用所用到的资源文件 │ ├── base # 该目录下的资源文件会被赋予唯一的ID │ │ ├── element # 用于存放字体和颜色 │ │ ├── media # 用于存放图片 │ │ └── profile # 应用入口首页 │ ├── en_US # 设备语言是美式英文时，优先匹配此目录下资源 │ └── zh_CN # 设备语言是简体中文时，优先匹配此目录下资源 └── module.json5 # 模块配置信息 ``` ### 具体实现 ##### 播放 ##### UI层 1. 在UI层由[Player.ets](entry%2Fsrc%2Fmain%2Fets%2Fsample%2Fplayer%2FPlayer.ets)用户点击播放按钮后，触发点击事件，调起selectFile()函数，该函数会调起文件管理的选择文件模块，拿到用户选取文件的路径。 2. 用户选择文件成功后，调起play()函数，该函数会根据上一步获取到的路径，打开一个文件，并获取到该文件的大小，改变按钮状态为不可用，之后调起js层暴露给应用层的[playNative()](entry%2Fsrc%2Fmain%2Fcpp%2Ftypes%2Flibplayer%2Findex.d.ts)接口 3. 根据playNative字段，调起[PlayerNative::Play](entry%2Fsrc%2Fmain%2Fcpp%2Fsample%2Fplayer%2FPlayerNative.cpp)函数。把应用层传入的前三个参数保存起来，并注册播放结束回调Callback。 4. 播放结束时，Callback()中napi_call_function()接口调起，通知应用层，改变按钮状态。 ##### JS层 1. 在[Init()](entry%2Fsrc%2Fmain%2Fcpp%2Fsample%2Fplayer%2FPlayerNative.cpp)中调用PluginManager()中的Export()方法，注册OnSurfaceCreatedCB()回调，当屏幕上出现新的Xcomponent时，将其转换并赋给单例类PluginManager中的pluginWindow_; ##### Native层 参考[开发者文档](https://gitee.com/openharmony/docs/tree/master/zh-cn/application-dev/media/avcodec)，以下是补充： 1. 解码器config阶段，OH_VideoDecoder_SetSurface接口的入参OHNativeWindow*，即为PluginManager中的pluginWindow_。 2. 解码器config阶段，SetCallback接口，[输入输出回调](entry%2Fsrc%2Fmain%2Fcpp%2Fcommon%2Fsample_callback.cpp)需将回调上来的帧buffer和index存入一个[用户自定义容器](entry%2Fsrc%2Fmain%2Fcpp%2Fcommon%2Fsample_info.h)中，方便后续操作。 3. [Start时](entry%2Fsrc%2Fmain%2Fcpp%2Fsample%2Fplayer%2FPlayer.cpp)，起两个专门用于输入和输出的线程。 4. 具体实现原理： - 解码器Start后，回调OnNeedInputBuffer被调起，avcodec框架会给用户一个OH_AVBuffer - 在输入回调中，把帧bufer、index存入输入队列中 - 在输入线程中，把上一步的帧信息储存为bufferInfo后，pop出队 - 在输入线程中，使用上一步的bufferInfo，调用ReadSample接口解封装帧数据 - 在输入线程中，使用解封装后的bufferInfo，调用解码的PushInputData接口，此时这片buffer用完，返回框架，实现buffer轮转 - PushInputData后，输出回调会被调起，把帧buffer、index存入输出队列中 - 在输出线程中，把上一步的帧信息储存为bufferInfo后，pop出队 - 在输出线程中，调用FreeOutputData接口后，就会送显并释放buffer。释放的buffer会返回框架，实现buffer轮转。 ### 相关权限 #### [ohos.permission.READ_MEDIA](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/#ohospermissionreadmedia) #### [ohos.permission.WRITE_MEDIA](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/#ohospermissionwritemedia) #### [ohos.permission.MEDIA_LOCATION](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/#ohospermissionmedialocation) #### [ohos.permission.CAMERA](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/#ohospermissioncamera) ### 依赖 不涉及。 ### 约束与限制 1.本示例仅支持标准系统上运行; 2.本示例仅支持 API11 及以上版本SDK,SDK版本号(API Version 11 Release)，镜像版本号(4.1Release)； 3.本示例需要使用DevEco Studio 4.1 才可编译运行。 ### 相关仓 - [multimedia_av_codec](https://gitee.com/openharmony/multimedia_av_codec)