Controles Áudio e Vídeo no Power Apps
Um controle que reproduz um arquivo de áudio, um arquivo de vídeo ou um vídeo no YouTube.
Descrição
Um controle Áudio reproduz um clipe de som de um arquivo, uma gravação de um controle Microfone ou a faixa de áudio de um arquivo de vídeo.
Um controle Vídeo reproduz um clipe de vídeo de um arquivo, do YouTube ou dos Serviços de Mídia do Azure. Opcionalmente, legendas ocultas podem ser mostradas, quando especificado.
Observação
As legendas ocultas podem não estar disponíveis em determinados vídeos hospedados nos Serviços de Mídia do Azure.
Principais propriedades
Loop – se um clipe de áudio ou um videoclipe é iniciado de novo automaticamente assim que a reprodução é encerrada.
Media – um identificador para o clipe que um controle Áudio ou Vídeo reproduz.
Observação
- Use HTTPS em todos os vídeos externos para garantir a compatibilidade com navegadores modernos.
- Os vídeos externos devem ser acessíveis de maneira anônima (sem nenhuma autenticação).
ShowControls – especifica se um player de áudio ou de vídeo mostra, por exemplo, um botão Reproduzir e um controle deslizante de volume, bem como se um controle de caneta mostra, por exemplo, ícones para desenhar, apagar e limpar.
Propriedades adicionais
AccessibleLabel – rótulo para leitores de tela. Deve ser o título do clipe de vídeo ou áudio.
AutoPause – se um clipe de áudio ou um videoclipe pausa automaticamente se o usuário navega para uma tela diferente.
AutoStart – especifica se um controle Áudio ou Vídeo é iniciado automaticamente para reproduzir um clipe quando o usuário navega para a tela que contém o controle.
BorderColor – a cor da borda do controle.
BorderStyle – se a borda do controle é Sólida, Tracejada, Pontilhada ou Nenhuma.
BorderThickness – a espessura da borda do controle.
ClosedCaptionsUrl – somente no controle Vídeo. URL do arquivo de legendas ocultas no formato WebVTT. As URLs de vídeo e de legendas devem ser HTTPS. O servidor que hospeda o arquivo de vídeo e de legendas deve estar habilitado para CORS.
DisplayMode – se o controle permite entrada do usuário (Edição), apenas exibe dados (Exibição), ou está desabilitado (Desabilitado).
Fill – a cor da tela de fundo de um controle.
FocusedBorderColor – a cor da borda do controle quando ele está focalizado.
FocusedBorderThickness – A espessura da borda de um controle quando ele está focalizado.
Height – a distância entre a parte superior do controle e as bordas inferiores.
Image – o nome da imagem exibido em um controle Imagem, Áudio ou Microfone.
ImagePosition – a posição (Preencher, Ajustar, Ampliar, Organizar lado a lado ou Centralizar) de uma imagem em uma tela ou em um controle se ela não tiver o mesmo tamanho da imagem.
OnEnd - Ações a serem executadas quando um áudio ou videoclipe termina de ser reproduzido.
OnPause – Ações a serem realizadas quando o usuário pausa o clipe de um controle de áudio ou de vídeo está em execução.
OnStart – Ações a serem realizadas quando o usuário começa a gravar com um controle de microfone.
Paused – verdadeiro se um controle de reprodução de mídia estiver em pausa, falso caso contrário.
Reset – se um controle é revertido para seu valor padrão.
Start – se um clipe de áudio ou um videoclipe é executado.
StartTime – o tempo após o início de um clipe de áudio ou um videoclipe quando o clipe começa a ser reproduzido.
Time – a posição atual de um controle de mídia.
TabIndex – ordem de navegação do teclado em relação a outros controles.
Tooltip – texto explicativo exibido quando o usuário passa o mouse sobre um controle.
Visible – se um controle é exibido ou está oculto.
Width – a distância entre as bordas esquerda e direita de um controle.
X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (ou a tela, se não houver contêiner pai).
Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (ou a tela, se não houver contêiner pai).
Funções relacionadas
Exemplos
Executar um arquivo de áudio ou de vídeo
No menu Arquivo, clique ou toque em Mídia, clique ou toque em Vídeos ou Áudio e clique ou toque em Procurar.
Navegue até o arquivo que você deseja usar, clique ou toque nele e clique ou toque em Abrir.
Pressione Esc para retornar ao espaço de trabalho padrão, adicione um controle Áudio ou Vídeo e defina sua propriedade Media como o arquivo que você adicionou.
Não sabe como adicionar e configurar um controle?
Pressione F5 e execute o clipe clicando ou tocando no botão de reprodução do controle que você adicionou.
Dica
O botão de reprodução do controle Vídeo aparece quando você passa o mouse sobre o controle.
Pressione Esc para retornar ao espaço de trabalho padrão.
Reproduzir um vídeo do YouTube
- Adicione um controle Vídeo e defina sua propriedade Media como a URL de um vídeo do YouTube entre aspas duplas.
- Pressione F5 e execute o clipe clicando ou tocando no botão de reprodução do controle Vídeo que você adicionou.
- Pressione Esc para retornar ao espaço de trabalho padrão.
Reproduzir um vídeo dos Serviços de Mídia do Azure
- Depois que os vídeos forem publicados no AMS, copie a URL do manifesto. Inicie o ponto de extremidade de streaming do seu serviço, se ainda não tiver feito isso.
- Adicione um controle Vídeo e defina sua propriedade Media como a URL de um vídeo do AMS entre aspas duplas.
- Pressione F5 e execute o clipe clicando ou tocando no botão de reprodução do controle Vídeo que você adicionou.
- Pressione Esc para retornar ao espaço de trabalho padrão.
Diretrizes de acessibilidade
Alternativas de áudio e vídeo
- ShowControls precisa ser verdadeiro para que os usuários possam escutar ou assistir multimídia em seu próprio ritmo. Isso também permite que os usuários alternem a legenda oculta e o modo de tela cheia em players de vídeo.
- É necessário fornecer legendas oculta para os vídeos.
- Para vídeos do YouTube, use as ferramentas de criação fornecidas pelo YouTube para adicionar legendas.
- Para outros vídeos, crie legendas no formato WebVTT, carregue-as e defina ClosedCaptionsUrl para o local da URL. Existem várias limitações. Servidores de hospedagem de vídeo e legendas devem ser habilitados para CORS e fornecê-los usando o protocolo HTTPS.
- Forneça transcrições de áudio ou vídeo usando um dos seguintes métodos:
- Coloque o texto em um Rótulo e posicione-o ao lado do player de multimídia. Se preferir, crie um Botão para alternar a exibição do texto.
- Coloque o texto em uma tela diferente. Crie um Botão que navega para a tela e posicione-o ao lado do player de multimídia.
- Se a descrição for curta, ela poderá ser colocada no AccessibleLabel.
Contraste de cores
É necessário haver um contraste de cores adequado entre:
- FocusedBorderColor e a cor externa
- Image e os controles do player de multimídia (se aplicável)
- Fill e os controles do player de multimídia (se o preenchimento estiver visível)
Forneça legendas e/ou transcrição, se o conteúdo do vídeo tiver problemas de contraste de cor.
Suporte ao leitor de tela
- AccessibleLabel precisa estar presente.
Suporte de teclado
- TabIndex deve ser zero ou maior para que os usuários de teclado possam navegar para ela.
- Os indicadores de foco precisam ser evidentes. Use FocusedBorderColor e FocusedBorderThickness para fazer isso.
- AutoStart deve ser falso, pois pode ser difícil para os usuários de teclado pararem a reprodução rapidamente.
Observação
Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)
A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).
Comentários
Em breve: Ao longo de 2024, eliminaremos os problemas do GitHub como o mecanismo de comentários para conteúdo e o substituiremos por um novo sistema de comentários. Para obter mais informações, consulte https://aka.ms/ContentUserFeedback.
Enviar e exibir comentários de