半亩花草 发表于 2024-10-29 08:05:09

基于鸿蒙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。
https://i-blog.csdnimg.cn/direct/da9bce1e34f147ba8213d683632e162a.png
鸿蒙三方库中心仓地址:鸿蒙版ijkplayer地址
修改API版本:
API10的鸿蒙项目文件中,在引入鸿蒙版ijkplayer后,修改三方库当中的src中的module.json文件,将API 12 改成 API 10 。此中依赖引入有一些小bug,会随机报错,直接忽略。
https://i-blog.csdnimg.cn/direct/0db8699c32484979bb60dcebe4b8851e.png
运行结果:
https://i-blog.csdnimg.cn/direct/5ccfff6923104fa6aa6f07dab931bfc0.png
页面代码:

// 1.这个页面仅用于ijkplayer测试运行
// 2.编写这个页面进行测试,包括画面 声音 颜色的测试,也包括暂停、开始、返回的测试
// 3.这是一个简单的页面,如需复杂功能,比如添加视频播放轨道,参见三方库中心仓的API说明
// 4.致敬开源

import {
IjkMediaPlayer,
OnErrorListener,
OnInfoListener,
OnSeekCompleteListener } from "@ohos/ijkplayer";
import type { OnPreparedListener } from "@ohos/ijkplayer";
import type { OnVideoSizeChangedListener } from "@ohos/ijkplayer";
import { LogUtils } from "@ohos/ijkplayer";
import { promptAction, router } from '@kit.ArkUI';


// 获取ijkplayer实例
let mIjkMediaPlayer = IjkMediaPlayer.getInstance();

@Entry
@Component
struct Index {
// 苹果视频流
@State private videoUrl: string = "http://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8";
@State private aspRatio: number = 16 / 9; // 默认宽高比
// XComponent的上下文
@State mContext: object | undefined = undefined;


build() {
    Column() {
      // 视频播放组件
      Row() {
      XComponent({
          id: 'xcomponentId',
          type: 'surface',
          libraryname: 'ijkplayer_napi'
      })
          .onLoad((context?: object) => {
            if (!!context) {
            this.mContext = context;
            this.startPlay();
            }
          })
          .onDestroy(() => {
            this.releaseMediaPlayer();
          })
          .width('100%')
      }
      .height("900px")
      .width('100%')

      // 控制按钮组件
      Row({space:"60px"}) {
      Button( 'Play')
          .width('20%')
          .height('50vp')
          .onClick(() => {
            this.restartPlay();
          });
      Button('Pause')
          .width('20%')
          .height('50vp')
          .onClick(() => {
            this.pause();
          });
      Button('Back')
          .width('20%')
          .height('50vp')
          .onClick(() => {
            router.back();
          })
      }
      .width('100%')
      .justifyContent(FlexAlign.Center)
      .margin("50px")
    }
    .height('100%')
}

// 暂停后恢复播放
restartPlay() {
    mIjkMediaPlayer.start();
}
// 退出XComponent后释放资源,避免退出组件后仍然在持续接受流的情况
releaseMediaPlayer() {
    mIjkMediaPlayer.stop();
    mIjkMediaPlayer.release();
}
// 暂停
pause() {
    mIjkMediaPlayer.pause();
}


startPlay() {
      this.play(this.videoUrl);// 调用play方法播放视频
}

// 播放方法,调用ijkplayer库中已经写好的方法
private play(url: string) {

    let that = this

    // 以下内容为配置mIjkplayer对象的属性!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    // 设置XComponent回调的context
    mIjkMediaPlayer.setContext(this.mContext);
    //初始化配置
    mIjkMediaPlayer.native_setup();
    // 设置debug模式,可以根基自己需要,调整成true,会打印更多内容便于调试
        mIjkMediaPlayer.setDebug(false);
    //设置视频源
    mIjkMediaPlayer.setDataSource(url);
    //设置视频源http请求头
    let headers = new Map([
      ["user_agent", "Mozilla/5.0 BiliDroid/7.30.0 (bbcallen@gmail.com)"],
      ["referer", "https://www.bilibili.com"]
    ]);
    mIjkMediaPlayer.setDataSourceHeader(headers);
    //使用精确寻帧 例如,拖动播放后,会寻找最近的关键帧进行播放,很有可能关键帧的位置不是拖动后的位置,而是较前的位置.可以设置这个参数来解决问题
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "enable-accurate-seek", "1");
    //预读数据的缓冲区大小
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "max-buffer-size", "102400");
    //停止预读的最小帧数
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "min-frames", "100");
    //启动预加载
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "start-on-prepared", "1");
    // 设置无缓冲,这是播放器的缓冲区,有数据就播放
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "packet-buffering", "0");
    //跳帧处理,放CPU处理较慢时,进行跳帧处理,保证播放流程,画面和声音同步
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "framedrop", "5");
    // 最大缓冲cache是3s, 有时候网络波动,会突然在短时间内收到好几秒的数据
    // 因此需要播放器丢包,才不会累积延时
    // 这个和第三个参数packet-buffering无关。
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "max_cached_duration", "3000");
    // 无限制收流
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "infbuf", "1");
    mIjkMediaPlayer.setOptionLong(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "infbuf", "1")
    // 屏幕常亮
    mIjkMediaPlayer.setScreenOnWhilePlaying(true);
    // 设置超时
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "timeout", "10000000");
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "connect_timeout", "10000000");
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "addrinfo_timeout", "10000000");
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "dns_cache_timeout", "10000000");
    // 设置音量
    mIjkMediaPlayer.setVolume("0.5", "0.5");
    // 变速播放
    mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "soundtouch", "1");
    // 获取并打印播放速度
    let Speed = mIjkMediaPlayer.getSpeed()
    LogUtils.getInstance().LOGI('getSpeed--' + Speed)
    //是否开启循环播放
    mIjkMediaPlayer.setLoopCount(true);

    // 以下内容为配置mIjkplayer对象的监听器!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    // 设置视频尺寸变化的监听器
    let mOnVideoSizeChangedListener: OnVideoSizeChangedListener = {
      onVideoSizeChanged: (width: number, height: number, sar_num: number, sar_den: number) => {
      that.aspRatio = width / height;
      LogUtils.getInstance()
          .LOGI("setOnVideoSizeChangedListener-->go:" + width + "," + height + "," + sar_num + "," + sar_den)
      }
    }    mIjkMediaPlayer.setOnVideoSizeChangedListener(mOnVideoSizeChangedListener);

    // 设置视频准备完成的监听器
    let mOnPreparedListener: OnPreparedListener = {
      onPrepared: () => {
      LogUtils.getInstance().LOGI("setOnPreparedListener-->go");
      }
    }    mIjkMediaPlayer.setOnPreparedListener(mOnPreparedListener);


    // 设置拖动播放完成的监听器
    let mOnSeekCompleteListener: OnSeekCompleteListener = {
      onSeekComplete: () => {
      LogUtils.getInstance().LOGI("OnSeekCompleteListener-->go");
      that.startPlay();
      }
    }    mIjkMediaPlayer.setOnSeekCompleteListener(mOnSeekCompleteListener);

    // 设置信息监听器
    let mOnInfoListener: OnInfoListener = {
      onInfo: (what: number, extra: number) => {
      LogUtils.getInstance().LOGI("OnInfoListener-->go:" + what + "===" + extra);
      }
    }    mIjkMediaPlayer.setOnInfoListener(mOnInfoListener);

    // 设置错误监听器
    let mOnErrorListener: OnErrorListener = {
      onError: (what: number, extra: number) => {
      LogUtils.getInstance().LOGI("OnErrorListener-->go:" + what + "===" + extra)
      promptAction.showToast({
          message: "视频播放异常"
      });
      }
    }    mIjkMediaPlayer.setOnErrorListener(mOnErrorListener);

    // 设置消息监听器
    mIjkMediaPlayer.setMessageListener();
    // 加载视频
    mIjkMediaPlayer.prepareAsync();
    // 开始播放(真正播放的入口,通过NAPI调用底层)
    mIjkMediaPlayer.start();
}

}

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

[*] https://i-blog.csdnimg.cn/direct/dd11f363297c408abe935fe75cc041c4.png

[*]这条日志表明在处理名为 com.example.app.forrtsp 的应用步调时,出现了 getaddrinfo_ext 函数调用失败的环境。错误代码 218 通常与DNS查询失败有关,而 -2 可能是表现一个详细的错误状态。可能意味着应用步调无法分析视频播放地址的DNS。

[*] https://i-blog.csdnimg.cn/direct/07abf0db21bf480589ac510f215517f5.png

[*]这条日志是关于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。

[*] https://i-blog.csdnimg.cn/direct/0daee2fb152645c7afdb8b46e4423b3c.png

[*]这条日志来自应用步调的渲染器部分,可能是在尝试写入缓存数据时状态不正确。这可能是一个同步问题大概状态管理错误。
[*]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企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 基于鸿蒙API10的RTSP播放器(一:基本界面的实现)