[Tutorial Técnico] Como otimizar o player EasyWasmPlayer com codificação H.265 na plataforma de vídeo do protocolo RTSP EasyNVR?

Na postagem anterior do blog, dissemos que, para se adaptar ao desenvolvimento da codificação H265 nesta fase, o TSINGSEE Green Rhino Video adicionou a função de escolher um jogador independentemente no EasyNVR pela primeira vez. Você pode escolher usar o EasyPlayer player para reproduzir vídeo codificado em H264 ou você pode escolher usar o EasyWasmPlayer O player reproduz vídeo codificado em H265.

123.png

Quando o player EasyWasmPlayer é usado no EasyNVR, leva um certo tempo para aguardar os dados de stream de vídeo e decodificação antes de reproduzir o vídeo. Isso faz com que o player fique em uma tela preta por um período de tempo após o início do vídeo. nossa discussão, este é um curto período de tempo O status da tela preta pode ser usado para exibir instantâneos de vídeo. Vamos compartilhar nosso processo de implementação.

20.png

Em primeiro lugar, precisamos gerar tags na caixa do player para exibir as fotos do instantâneo e, em seguida, criar uma função para passar os dados de url do instantâneo. Quando chamarmos essa função, exibiremos a tag e criaremos uma função para ocultar a caixa de instantâneo. Quando o fluxo de vídeo é obtido, o instantâneo é encerrado. O código de referência é o seguinte:

    // 设置快照
    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';
    }

Após essa configuração, o player EasyWasmPlayer não produzirá uma tela preta curta após o início da transmissão, e a experiência do usuário é mais amigável. Sobre a introdução do reprodutor EasyWasmPlayer e do reprodutor EasyPlayer, apresentamos a você no artigo " Introdução à diferença entre o EasyPlayer e o EasyWasmPlayer, o reprodutor H265 recém-adicionado ao EasyNVR ", você pode dar uma olhada.

Se você quiser saber mais sobre o programa de vídeo, pode seguir diretamente o meu blog. Ao mesmo tempo, agradecemos suas trocas e discussões.

Acho que você gosta

Origin blog.csdn.net/Black_3717/article/details/111578028
Recomendado
Clasificación