Reprodução de vídeo UE4 (Media Player)

1. Início da reprodução do vídeo

Primeiro arraste o vídeo que deseja reproduzir.

insira a descrição da imagem aqui
Crie Media Player e Textura de Mídia.

insira a descrição da imagem aqui
insira a descrição da imagem aqui
Crie o material e altere o material para a interface do usuário.

insira a descrição da imagem aqui

insira a descrição da imagem aqui
Na interface de interface do usuário, crie uma imagem e carregue esse material.

insira a descrição da imagem aqui
Adicione o componente Media Sound à interface Pawn do personagem e arraste a pequena TV para dentro dele.

insira a descrição da imagem aqui
A reprodução pode ser concluída implementando a lógica de reprodução correspondente na interface de interface do usuário correspondente.

insira a descrição da imagem aqui

2. Funções que o Media Player pode chamar

2.1 Definir o volume do som

Observe que a função Media Sound precisa ser chamada aqui , não a da TV pequena.

insira a descrição da imagem aqui

2.2 Definir jogo e fechar

insira a descrição da imagem aqui

2.3 Arraste a barra de progresso

Observação : Se o Seek for chamado com muita frequência, haverá congelamentos e a escovação alta não poderá ser alcançada.

insira a descrição da imagem aqui
O tempo aqui pode ser GetTotalXXXconvertido em segundos, milissegundos, etc., para o cálculo da barra de progresso.

insira a descrição da imagem aqui

2.4 Definir taxa de reprodução

insira a descrição da imagem aqui

2.5 Definir se deseja reproduzir em loop

insira a descrição da imagem aqui

2.6 Definir imagem espelhada

Inverter a imagem é uma imagem espelhada, ou seja, alterando o X renderizado para -1.

insira a descrição da imagem aqui

3. Outras funções autoimplementadas

3.1 Exibição do tempo de reprodução

O tempo de jogo é em tempo real e atualizado, implementado no Event Tick.

insira a descrição da imagem aqui
insira a descrição da imagem aqui

3.2 A barra de progresso exibe a tela de reprodução

Use outro contêiner igual à tela de exibição e adicione-o à barra de progresso do vídeo original.

insira a descrição da imagem aqui
insira a descrição da imagem aqui
No vídeo original, quando o mouse passa o mouse Set Time by Event, ele é freqüentemente chamado para obter o efeito de imagens em tempo real.

insira a descrição da imagem aqui

insira a descrição da imagem aqui

3.3 Mostrar e ocultar

  • Visível : colisão física e visível
  • Recolhido : recolhido, pode alterar o layout original
  • Oculto : oculto, não alterará o layout original
  • Não testável : Visível, mas sem colisão física de clique
  • Observação: algumas funções de vídeo usam Recolhido, como a caixa de colisão que precisa ser ocultada, mas não afeta o layout. Oculto, a caixa que afeta o layout. Não testável, como a tela de reprodução em tempo real exibida pela função de vídeo, precisa estar visível e não pode ter colisões físicas.

insira a descrição da imagem aqui
Uma caixa é usada aqui para limpar todas as operações explícitas e ocultas relacionadas.

3.4 Picture-in-picture e tela cheia

Picture-in-picture e full-screen são relativamente simples, e ambos utilizam o mesmo Media Mat para realizar a sincronização, bastando passar os valores que precisam ser sincronizados.

insira a descrição da imagem aqui

3.5 Definição de Vídeo

Como o Render Target pode ajustar a definição do vídeo, mas o Media Player não. Portanto, podemos ajustar a definição do vídeo desenhando continuamente o Media Player para o Render Target.
Primeiro crie o Render Target.

insira a descrição da imagem aqui
insira a descrição da imagem aqui
Use o material original para Draw Material to Render Targetdesenhar continuamente no material do Render Target.

insira a descrição da imagem aqui
Usar o material Render Target correspondente é o tamanho de resolução correspondente, e a maneira de ajustar a resolução é ajustar a amostragem.

insira a descrição da imagem aqui

4. Efeito final

Por fim, uma IU de reprodução de vídeo imitando a estação B foi realizada.

insira a descrição da imagem aqui
insira a descrição da imagem aqui

insira a descrição da imagem aqui

Acho que você gosta

Origin blog.csdn.net/qq_45617648/article/details/129792802
Recomendado
Clasificación