Toolkit

Guia Player de Mídia

Reproduza áudio e vídeo do seu dispositivo. Crie playlists, embaralhe faixas e controle repetição — tudo no navegador.

Voltar para Player de Mídia

O que esta ferramenta faz

O Reprodutor de mídia reproduz arquivos de áudio e vídeo do seu dispositivo. Constrói uma lista de reprodução por seletor de arquivos ou arrastar e soltar, pula para faixas clicando, controla reproduzir/pausar, buscar, volume e repetição (nenhuma, toda, uma). O modo aleatório randomiza a ordem de reprodução. Toda a reprodução ocorre no navegador — sem envio, sem servidor. Usa URLs blob para carregar arquivos da memória.

Como usar

  1. Adicione arquivos — Clique para selecionar ou arraste e solte arquivos de áudio/vídeo (MP3, MP4, etc.).
  2. Construa a lista — Os arquivos aparecem na lista. Clique em uma faixa para reproduzi-la.
  3. Controles — Reproduzir, pausar, buscar, volume. Use repetição para loop nenhum, toda ou a faixa atual.
  4. Aleatório — Ative aleatório para ordem randomizada (Fisher-Yates).
  5. Remover — Remova faixas da lista. As URLs blob são revogadas para liberar memória.
  6. Tela cheia — Use tela cheia de vídeo quando disponível.

Como funciona

Cada arquivo é encapsulado como MediaItem (referência File, nome para exibição, tipo, URL blob). URL.createObjectURL(file) cria uma URL blob temporária usada pelo elemento de vídeo HTML5. Nenhum conteúdo de mídia é enviado a nenhum servidor. Quando um elemento é removido da lista ou o componente é desmontado, URL.revokeObjectURL() é chamado para evitar vazamentos de memória. O aleatório usa Fisher-Yates para ordem uniformemente aleatória. Modos de repetição: nenhum (parar após a última), toda (voltar à primeira), uma (loop da atual).

Todo o processamento é executado no seu navegador. Nenhum dado é enviado a nenhum servidor.

Casos de uso e exemplos

  • Música local — Reproduza MP3 do seu dispositivo.
  • Visualização de vídeo — Visualização rápida de arquivos de vídeo locais.
  • Podcasts — Enfileire e reproduza episódios.
  • Apresentações — Reproduza áudio de fundo ou clipes de vídeo.
  • Testes — Verifique se os arquivos de mídia reproduzem corretamente.

Exemplo

  • Adicione musica1.mp3, musica2.mp3 → Lista com duas faixas.
  • Aleatório ativado → Ordem de reprodução randomizada.
  • Repetição: uma → A faixa atual se repete até trocar.

Limitações e restrições conhecidas

  • Suporte de formato — Depende do navegador e SO (ex.: MP4, WebM, MP3).
  • URLs blob — Devem ser revogadas ao remover/desmontar para evitar vazamentos.
  • Sem streaming — Os arquivos são carregados na memória; arquivos muito grandes podem ser lentos.
  • Mesma origem — As URLs blob são mesma origem; não há mídia cross-origin.

Como funciona

Método

  • Media files are loaded and played locally in your browser; nothing is uploaded to any server.
  • Files are released from memory when you remove them or leave the page.

Todos os cálculos e conversões rodam inteiramente no seu navegador. Nenhum dado é enviado a nenhum servidor, então sua entrada nunca sai do seu dispositivo.