基于鸿蒙API10的RTSP播放器(一：基本界面的实现)

ijkplayer简介：
ijkplayer 自己是一个开源的 Android 媒体播放库，它重要用于播放视频和音频文件，现在已有先辈将其引入到鸿蒙当中，通过XComponent组件完成适配。向开源致敬！
支持格式：
它支持多种格式，包罗 MP4、M3U8、FLV 等，并且具有高性能和低功耗的特点。ijkplayer 基于 FFmpeg 进行开辟，通过 JNI 技术将 FFmpeg 的功能封装在 Java 代码中，从而实现了对 FFmpeg 的高效调用。
ijkplayer 的关键特点：

• 高性能：ijkplayer 利用 FFmpeg 的强盛功能，能够快速、高效地播放视频和音频文件。
  
• 低功耗：与一些其他播放器相比，ijkplayer 在播放过程中斲丧的电量较少，更适合长时间利用的场景。
  
• 丰富的格式支持：ijkplayer 支持多种视频和音频格式，包罗但不限于 MP4、M3U8、FLV 等。
  
• 自定义配置：开辟者可以根据必要自定义播放器的各种参数，如音量、播放速度、视频宽高比等。
  
• 丰富的监听器：ijkplayer 提供了一系列的监听器，如 OnPreparedListener、OnCompletionListener 等，方便开辟者监听播放过程中的各种事件。
  
• 支持硬解码：在一些硬件装备上，ijkplayer 能够利用硬件加速器进行视频解码，从而提高播放效率。
  
• 开源免费：ijkplayer 是一个开源项目，可以在 GitHub 上找到其源代码，并且免费利用。
  

鸿蒙版ijkplayer：
已经更新到2.0.4，在鸿蒙三方库中心堆栈可以找到，在DevEco终端中，可以通过命令 ohpm install @ijkplayer 直接下载。鸿蒙版ijkplayer2.0.3-rc.2已经可以支持X86架构的模拟器，并且，2.0.3-rc.3可以支持H265硬编码，以及直播流RTSP。

鸿蒙三方库中心仓地址：鸿蒙版ijkplayer地址
修改API版本：
API10的鸿蒙项目文件中，在引入鸿蒙版ijkplayer后，修改三方库当中的src中的module.json文件，将API 12 改成 API 10 。此中依赖引入有一些小bug，会随机报错，直接忽略。

运行结果：

页面代码：

2. // 1.这个页面仅用于ijkplayer测试运行
3. // 2.编写这个页面进行测试，包括画面 声音 颜色的测试，也包括暂停、开始、返回的测试
4. // 3.这是一个简单的页面，如需复杂功能，比如添加视频播放轨道，参见三方库中心仓的API说明
5. // 4.致敬开源
7. import {  
8.   IjkMediaPlayer,  
9.   OnErrorListener,  
10.   OnInfoListener,  
11.   OnSeekCompleteListener } from "@ohos/ijkplayer";  
12. import type { OnPreparedListener } from "@ohos/ijkplayer";  
13. import type { OnVideoSizeChangedListener } from "@ohos/ijkplayer";  
14. import { LogUtils } from "@ohos/ijkplayer";  
15. import { promptAction, router } from '@kit.ArkUI';  
16.   
17.   
18. // 获取ijkplayer实例  
19. let mIjkMediaPlayer = IjkMediaPlayer.getInstance();  
20.   
21. @Entry  
22. @Component  
23. struct Index {  
24.   // 苹果视频流  
25.   @State private videoUrl: string = "http://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8";  
26.   @State private aspRatio: number = 16 / 9; // 默认宽高比  
27.   // XComponent的上下文  
28.   @State mContext: object | undefined = undefined;  
29.   
30.   
31.   build() {  
32.     Column() {  
33.       // 视频播放组件  
34.       Row() {  
35.         XComponent({  
36.           id: 'xcomponentId',  
37.           type: 'surface',  
38.           libraryname: 'ijkplayer_napi'  
39.         })  
40.           .onLoad((context?: object) => {  
41.             if (!!context) {  
42.               this.mContext = context;  
43.               this.startPlay();  
44.             }  
45.           })  
46.           .onDestroy(() => {  
47.             this.releaseMediaPlayer();  
48.           })  
49.           .width('100%')  
50.       }  
51.       .height("900px")  
52.       .width('100%')  
53.   
54.       // 控制按钮组件  
55.       Row({space:"60px"}) {  
56.         Button( 'Play')  
57.           .width('20%')  
58.           .height('50vp')  
59.           .onClick(() => {  
60.               this.restartPlay();  
61.           });  
62.         Button('Pause')  
63.           .width('20%')  
64.           .height('50vp')  
65.           .onClick(() => {  
66.               this.pause();  
67.           });  
68.         Button('Back')  
69.           .width('20%')  
70.           .height('50vp')  
71.           .onClick(() => {  
72.             router.back();  
73.           })  
74.       }  
75.       .width('100%')  
76.       .justifyContent(FlexAlign.Center)  
77.       .margin("50px")  
78.     }  
79.     .height('100%')  
80.   }  
81.   
82.   // 暂停后恢复播放  
83.   restartPlay() {  
84.     mIjkMediaPlayer.start();  
85.   }  
86.   // 退出XComponent后释放资源，避免退出组件后仍然在持续接受流的情况  
87.   releaseMediaPlayer() {  
88.     mIjkMediaPlayer.stop();  
89.     mIjkMediaPlayer.release();  
90.   }  
91.   // 暂停  
92.   pause() {  
93.     mIjkMediaPlayer.pause();  
94.   }  
95.   
96.   
97.   startPlay() {  
98.       this.play(this.videoUrl);// 调用play方法播放视频  
99.   }  
100.   
101.   // 播放方法，调用ijkplayer库中已经写好的方法  
102.   private play(url: string) {  
103.   
104.     let that = this  
105.   
106.     // 以下内容为配置mIjkplayer对象的属性!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  
107.   
108.     // 设置XComponent回调的context  
109.     mIjkMediaPlayer.setContext(this.mContext);  
110.     //初始化配置  
111.     mIjkMediaPlayer.native_setup();  
112.     // 设置debug模式，可以根基自己需要，调整成true，会打印更多内容便于调试  
113.         mIjkMediaPlayer.setDebug(false);
114.     //设置视频源  
115.     mIjkMediaPlayer.setDataSource(url);  
116.     //设置视频源http请求头  
117.     let headers = new Map([  
118.       ["user_agent", "Mozilla/5.0 BiliDroid/7.30.0 (bbcallen@gmail.com)"],  
119.       ["referer", "https://www.bilibili.com"]  
120.     ]);  
121.     mIjkMediaPlayer.setDataSourceHeader(headers);  
122.     //使用精确寻帧 例如，拖动播放后，会寻找最近的关键帧进行播放，很有可能关键帧的位置不是拖动后的位置，而是较前的位置.可以设置这个参数来解决问题  
123.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "enable-accurate-seek", "1");  
124.     //预读数据的缓冲区大小  
125.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "max-buffer-size", "102400");  
126.     //停止预读的最小帧数  
127.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "min-frames", "100");  
128.     //启动预加载  
129.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "start-on-prepared", "1");  
130.     // 设置无缓冲，这是播放器的缓冲区，有数据就播放  
131.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "packet-buffering", "0");  
132.     //跳帧处理,放CPU处理较慢时，进行跳帧处理，保证播放流程，画面和声音同步  
133.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "framedrop", "5");  
134.     // 最大缓冲cache是3s， 有时候网络波动，会突然在短时间内收到好几秒的数据  
135.     // 因此需要播放器丢包，才不会累积延时  
136.     // 这个和第三个参数packet-buffering无关。  
137.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "max_cached_duration", "3000");  
138.     // 无限制收流  
139.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "infbuf", "1");  
140.     mIjkMediaPlayer.setOptionLong(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "infbuf", "1")  
141.     // 屏幕常亮  
142.     mIjkMediaPlayer.setScreenOnWhilePlaying(true);  
143.     // 设置超时  
144.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "timeout", "10000000");  
145.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "connect_timeout", "10000000");  
146.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "addrinfo_timeout", "10000000");  
147.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "dns_cache_timeout", "10000000");  
148.     // 设置音量  
149.     mIjkMediaPlayer.setVolume("0.5", "0.5");  
150.     // 变速播放  
151.     mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "soundtouch", "1");  
152.     // 获取并打印播放速度  
153.     let Speed = mIjkMediaPlayer.getSpeed()  
154.     LogUtils.getInstance().LOGI('getSpeed--' + Speed)  
155.     //是否开启循环播放  
156.     mIjkMediaPlayer.setLoopCount(true);  
157.   
158.     // 以下内容为配置mIjkplayer对象的监听器!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  
159.   
160.     // 设置视频尺寸变化的监听器  
161.     let mOnVideoSizeChangedListener: OnVideoSizeChangedListener = {  
162.       onVideoSizeChanged: (width: number, height: number, sar_num: number, sar_den: number) => {  
163.         that.aspRatio = width / height;  
164.         LogUtils.getInstance()  
165.           .LOGI("setOnVideoSizeChangedListener-->go:" + width + "," + height + "," + sar_num + "," + sar_den)  
166.       }  
167.     }    mIjkMediaPlayer.setOnVideoSizeChangedListener(mOnVideoSizeChangedListener);  
168.   
169.     // 设置视频准备完成的监听器  
170.     let mOnPreparedListener: OnPreparedListener = {  
171.       onPrepared: () => {  
172.         LogUtils.getInstance().LOGI("setOnPreparedListener-->go");  
173.       }  
174.     }    mIjkMediaPlayer.setOnPreparedListener(mOnPreparedListener);  
175.   
176.   
177.     // 设置拖动播放完成的监听器  
178.     let mOnSeekCompleteListener: OnSeekCompleteListener = {  
179.       onSeekComplete: () => {  
180.         LogUtils.getInstance().LOGI("OnSeekCompleteListener-->go");  
181.         that.startPlay();  
182.       }  
183.     }    mIjkMediaPlayer.setOnSeekCompleteListener(mOnSeekCompleteListener);  
184.   
185.     // 设置信息监听器  
186.     let mOnInfoListener: OnInfoListener = {  
187.       onInfo: (what: number, extra: number) => {  
188.         LogUtils.getInstance().LOGI("OnInfoListener-->go:" + what + "===" + extra);  
189.       }  
190.     }    mIjkMediaPlayer.setOnInfoListener(mOnInfoListener);  
191.   
192.     // 设置错误监听器  
193.     let mOnErrorListener: OnErrorListener = {  
194.       onError: (what: number, extra: number) => {  
195.         LogUtils.getInstance().LOGI("OnErrorListener-->go:" + what + "===" + extra)  
196.         promptAction.showToast({  
197.           message: "视频播放异常"  
198.         });  
199.       }  
200.     }    mIjkMediaPlayer.setOnErrorListener(mOnErrorListener);  
201.   
202.     // 设置消息监听器  
203.     mIjkMediaPlayer.setMessageListener();  
204.     // 加载视频  
205.     mIjkMediaPlayer.prepareAsync();  
206.     // 开始播放（真正播放的入口，通过NAPI调用底层）  
207.     mIjkMediaPlayer.start();  
208.   }  
209.   
210. }

复制代码

关闭mijkplayer对象的debug后，会继续打印以下日志：
根据您提供的日志信息，这些日志似乎是来自一个应用步调的错误和性能监控输出。下面是对这些日志的逐条解释：

• 
  
  
  
  
  • 这条日志表明在处理名为 com.example.app.forrtsp 的应用步调时，出现了 getaddrinfo_ext 函数调用失败的环境。错误代码 218 通常与DNS查询失败有关，而 -2 可能是表现一个详细的错误状态。可能意味着应用步调无法分析视频播放地址的DNS。
    
  
  
• 
  
  
  
  
  • 这条日志是关于EGL（Embedded System Grapfics Library嵌入式图形库）的输出缓冲区交换操纵。d_eglSwapBuffers_special 是EGL的一个函数，它负责在OpenGL ES上下文中交换渲染缓冲区。thread output size 14420760 表现线程输出的缓冲区大小，而 speed 14028k/s 表现每秒交换的次数。API_num 450 可能是表现利用的是OpenGL ES 3.0。
    
  
  
• 
  
  
  
  
  • 这条日志来自应用步调的渲染器部分，可能是在尝试写入缓存数据时状态不正确。这可能是一个同步问题大概状态管理错误。
    
  • WriteInner Status changed while write这条日志也是关于渲染器的，可能是在写入操纵期间状态发生了变化。
    
  
  

EGL（嵌入式图形库）
是OpenGL ES的一部分，用于管理图形上下文和外貌。提供了一个与图形硬件和窗口体系无关的接口，答应开辟者在多种平台上编写图形应用步调。EGL的重要功能：

• 创建和管理图形上下文：EGL提供了一种机制，可以在多种图形硬件和窗口体系上创建和管理OpenGL ES或OpenVG上下文。
  
• 管理外貌：EGL可以创建和管理差别类型的图形外貌，如窗口、PBuffer（内存中的外貌）和帧缓冲区。
  
• 同步机制：EGL提供了同步机制，如等待交换完成和同步上下文，以制止在渲染过程中出现竞态条件。
  
• 加载OpenGL ES或OpenVG函数：EGL可以加载和卸载OpenGL ES或OpenVG函数，以便在差别的上下文中利用。
  
• 缓冲区交换：EGL提供了缓冲区交换功能，答应开辟者控制何时将渲染结果呈现到屏幕上。
  在Android和鸿蒙等嵌入式平台上，EGL是图形开辟中不可或缺的一部分，它为开辟者提供了一个跨平台的图形接口，使得在差别的硬件和操纵体系上编写图形应用步调变得更加轻易。
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。