[テクニカルチュートリアル] RTSPプロトコルビデオプラットフォームEasyNVRでH.265エンコーディングEasyWasmPlayerプレーヤーを最適化する方法は？

前回のブログ投稿では、この段階でH265エンコーディングの開発に適応するために、TSINGSEE Green RhinoVideoがEasyNVRで初めてプレーヤーを個別に選択する機能を追加したと述べました。EasyPlayerの使用を選択できます。プレーヤーでH264エンコードされたビデオを再生するか、EasyWasmPlayerの使用を選択できます。プレーヤーはH265エンコードされたビデオを再生します。

EasyNVRでEasyWasmPlayerプレーヤーを使用する場合、ビデオを再生する前に、ビデオストリームデータとデコードを待つのに一定の時間がかかります。これにより、ビデオの開始後しばらくの間、プレーヤーは黒い画面状態になります。私たちの議論では、これは短時間です。黒い画面のステータスを使用してビデオスナップショットを表示できます。実装プロセスを共有しましょう。

まず、スナップショットの写真を表示するタグをプレーヤーボックスに生成してから、スナップショットのURLデータを渡す関数を作成する必要があります。この関数を呼び出すと、タグが表示され、関数が作成されます。スナップショットボックスを非表示にします。ビデオストリームが取得されると、スナップショットは終了します。参照コードは次のとおりです。

    // 设置快照
    setSnap(url){
        this.startLoding() 
        this.Snap.src=url;
        this.Snap.style='position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;display:block';
    }
    // 隐藏快照
    endSanp(){
        this.endLoding();
        this.Snap.style='display:none';
    }

この設定の後、EasyWasmPlayerプレーヤーは、ブロードキャストの開始後に短い黒い画面を生成せず、ユーザーエクスペリエンスがより快適になります。EasyWasmPlayerプレーヤーとEasyPlayerプレーヤーの紹介については、「EasyNVRに新しく追加されたH265プレーヤーであるEasyPlayerとEasyWasmPlayerの違いの紹介」の記事で紹介しました。

ビデオプログラムについてもっと知りたい場合は、私のブログを直接フォローすることができます。同時に、交換や議論を歓迎します。