5.1视频avplayer播放rtsp

import { IjkMediaPlayer } from "@ohos/ijkplayer";
import type { OnPreparedListener } from "@ohos/ijkplayer";
import type { OnVideoSizeChangedListener } from "@ohos/ijkplayer";
import type { OnCompletionListener } from "@ohos/ijkplayer";
import type { OnBufferingUpdateListener } from "@ohos/ijkplayer";
import type { OnErrorListener } from "@ohos/ijkplayer";
import type { OnInfoListener } from "@ohos/ijkplayer";
import type { OnSeekCompleteListener } from "@ohos/ijkplayer";
import hilog from '@ohos.hilog';

const JKPLAYER_LOG_DOMAIN: number = 0xF005;
const JKPLAYER_LOG_TAG: string = 'jkplayer';

@Entry
@Component
struct IjkVideoPlayerPage {
  @State aspRatio: number = 16 / 9;
  @State loadingVisible: Visibility = Visibility.Visible;
  @State currentTime: string = "00:00";
  @State progressValue: number = 0;
  @State PROGRESS_MAX_VALUE: number = 100;

  private mIjkMediaPlayer: IjkMediaPlayer = IjkMediaPlayer.getInstance();
  private mContext: object | undefined = undefined;
  //rtsp地址
  private videoUrl: string = "";

  build() {
    Column() {
      Text('视频播放器')
        .fontSize('30px')
        .fontColor(Color.White)
        .margin('20px')
        .fontWeight(FontWeight.Bold)
        .width('100%')
        .textAlign(TextAlign.Center)
        .backgroundColor(Color.Black)

      Stack({ alignContent: Alignment.Center }) {
        XComponent({
          id: 'xcomponentId',
          type: 'surface',
          libraryname: 'ijkplayer_napi'
        })
          .onLoad((context) => {
            this.mContext = context;
            if (context) {
              this.jkLog('XComponent onLoad, context ok, init player');
              this.initDelayPlay(context);
            } else {
              this.jkLog('XComponent onLoad, context is empty');
            }
          })
          .onDestroy(() => {
            this.jkLog('XComponent onDestroy');
            this.releasePlayer();
          })
          .width('100%')
          .aspectRatio(this.aspRatio)

        Text('加载中...')
          .fontSize('24px')
          .fontColor(Color.White)
          .visibility(this.loadingVisible)
      }
      .backgroundColor('#000000')
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Black)
  }

  private jkLog(msg: string): void {
    hilog.info(JKPLAYER_LOG_DOMAIN, JKPLAYER_LOG_TAG, '%{public}s', `jkplayer ${msg}`);
  }

  private jkLogError(msg: string): void {
    hilog.error(JKPLAYER_LOG_DOMAIN, JKPLAYER_LOG_TAG, '%{public}s', `jkplayer ${msg}`);
  }

  private initDelayPlay(context: object) {
    let that = this;

    this.jkLog(`initDelayPlay begin, url=${this.videoUrl}`);
    this.mIjkMediaPlayer.setContext(context, "xcomponentId");
    this.mIjkMediaPlayer.setDebug(true);
    this.mIjkMediaPlayer.native_setup();
    this.mIjkMediaPlayer.setDataSource(this.videoUrl);
    this.jkLog('setDataSource done');

    let headers = new Map<string, string>([
      ["user_agent", "Mozilla/5.0 BiliDroid/7.30.0 (bbcallen@gmail.com)"],
      ["referer", "https://www.bilibili.com"]
    ]);
    this.mIjkMediaPlayer.setDataSourceHeader(headers);

    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "enable-accurate-seek", "1");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "max-buffer-size", "102400");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "min-frames", "100");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "start-on-prepared", "1");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "packet-buffering", "0");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "framedrop", "5");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "max_cached_duration", "3000");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_PLAYER, "infbuf", "1");
    this.mIjkMediaPlayer.setScreenOnWhilePlaying(true);
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "timeout", "10000000");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "connect_timeout", "10000000");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "listen_timeout", "10000000");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "addrinfo_timeout", "10000000");
    this.mIjkMediaPlayer.setOption(IjkMediaPlayer.OPT_CATEGORY_FORMAT, "dns_cache_timeout", "10000000");

    let mOnVideoSizeChangedListener: OnVideoSizeChangedListener = {
      onVideoSizeChanged(width: number, height: number, sar_num: number, sar_den: number) {
        that.aspRatio = width / height;
        that.jkLog(`onVideoSizeChanged width=${width} height=${height} sar_num=${sar_num} sar_den=${sar_den}`);
        that.hideLoadIng();
      }
    };
    this.mIjkMediaPlayer.setOnVideoSizeChangedListener(mOnVideoSizeChangedListener);

    let mOnPreparedListener: OnPreparedListener = {
      onPrepared() {
        let d = that.mIjkMediaPlayer.getDuration();
        that.jkLog(`onPrepared durationMs=${d}`);
      }
    };
    this.mIjkMediaPlayer.setOnPreparedListener(mOnPreparedListener);

    let mOnCompletionListener: OnCompletionListener = {
      onCompletion() {
        that.jkLog('onCompletion');
        that.currentTime = that.stringForTime(that.mIjkMediaPlayer.getDuration());
        that.progressValue = that.PROGRESS_MAX_VALUE;
        that.stop();
      }
    };
    this.mIjkMediaPlayer.setOnCompletionListener(mOnCompletionListener);

    let mOnBufferingUpdateListener: OnBufferingUpdateListener = {
      onBufferingUpdate(percent: number) {
        that.jkLog(`onBufferingUpdate percent=${percent}`);
      }
    };
    this.mIjkMediaPlayer.setOnBufferingUpdateListener(mOnBufferingUpdateListener);

    let mOnSeekCompleteListener: OnSeekCompleteListener = {
      onSeekComplete() {
        that.jkLog('onSeekComplete');
        that.startPlayOrResumePlay();
      }
    };
    this.mIjkMediaPlayer.setOnSeekCompleteListener(mOnSeekCompleteListener);

    let mOnInfoListener: OnInfoListener = {
      onInfo(what: number, extra: number) {
        that.jkLog(`onInfo what=${what} extra=${extra}`);
      }
    };
    this.mIjkMediaPlayer.setOnInfoListener(mOnInfoListener);

    let mOnErrorListener: OnErrorListener = {
      onError(what: number, extra: number) {
        that.jkLogError(`onError what=${what} extra=${extra}`);
        that.hideLoadIng();
      }
    };
    this.mIjkMediaPlayer.setOnErrorListener(mOnErrorListener);

    this.mIjkMediaPlayer.setMessageListener();
    this.jkLog('prepareAsync');
    this.mIjkMediaPlayer.prepareAsync();
    this.jkLog('start called after prepareAsync');
    this.mIjkMediaPlayer.start();
    this.jkLog(`initDelayPlay end isPlaying=${this.mIjkMediaPlayer.isPlaying()}`);
  }

  private hideLoadIng() {
    this.loadingVisible = Visibility.None;
    this.jkLog('hide loading overlay');
  }

  private stringForTime(timeMs: number): string {
    let totalSeconds = Math.floor(timeMs / 1000);
    let minutes = Math.floor(totalSeconds / 60);
    let seconds = totalSeconds % 60;
    return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
  }

  private stop() {
    if (this.mIjkMediaPlayer.isPlaying()) {
      this.jkLog('stop: pause (was playing)');
      this.mIjkMediaPlayer.pause();
    } else {
      this.jkLog('stop: skip pause (not playing)');
    }
  }

  private startPlayOrResumePlay() {
    if (!this.mIjkMediaPlayer.isPlaying()) {
      this.jkLog('startPlayOrResumePlay: start()');
      this.mIjkMediaPlayer.start();
    } else {
      this.jkLog('startPlayOrResumePlay: already playing');
    }
  }

  private releasePlayer() {
    try {
      this.jkLog('releasePlayer: stop + release');
      this.mIjkMediaPlayer.stop();
      this.mIjkMediaPlayer.release();
      this.jkLog('releasePlayer: ok');
    } catch (e) {
      this.jkLogError(`releasePlayer error: ${e}`);
    }
  }
}