Pular para o conteúdo principal

Gerador de Áudio HTML

API reference

Gere uma tag de player <audio> — defina a fonte, os controles, a reprodução automática, a repetição, o modo sem som e o preload, depois copie o HTML pronto para uso. Grátis, instantâneo, sem IA.

Entrada

Configurações

A maioria dos navegadores só reproduz automaticamente mídia sem som.

Adicione classes CSS personalizadas ao elemento. Separe várias classes com espaços.

Saída

Insira a URL de um áudio para visualizar o player.

A tag gerada de verdade, isolada em um Shadow DOM. Arquivos remotos só carregam se o host permitir hotlinking.

HTML
 
Isso foi útil?

Mais formas de usar esta ferramenta

API REST

curl -X POST https://api.iotools.cloud/v1/tool/html-generator/audio \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "customSrc": "https://example.com/song.mp3",
    "customControls": "true",
    "customAutoplay": "",
    "customLoop": "",
    "customMuted": "",
    "customPreload": "metadata",
    "customClasses": ""
  }'

Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.

Peça a um agente de IA

Use the IOTools `html-generator__audio` tool (HTML Audio Generator) on this input:

YOUR_INPUT_HERE

Cole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.

Widget para incorporar

<iframe
  src="https://iotools.cloud/embed/html-generator/audio/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Gerador de Áudio HTML — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Coloque isso na sua própria página — grátis, sem chave, só um link de volta.

Custo por chamada de API/MCPA partir de 5 créditos
Precisa de mais créditos?Ver preços

Também disponível via

Guias

Crie uma tag <audio> pronta para colar — defina a fonte, os controles, a reprodução automática, a repetição, o modo sem som e o preload, depois copie o HTML gerado.

Funciona inteiramente no seu navegador: sem chamada de IA, sem créditos e sem ida e volta à rede.

Como usar

  1. Insira a URL do áudio.
  2. Ative Mostrar controles, Reprodução automática, Repetir e Sem som, e escolha uma estratégia de Preload.
  3. Confira a Visualização ao vivo — o player real, renderizado a partir da tag gerada.
  4. Copie ou baixe o HTML gerado.

Os navegadores geralmente bloqueiam a reprodução automática com som, então combine Reprodução automática com Sem som se precisar que o áudio comece ao carregar a página. Um link de download de reserva fica incluído dentro do elemento para navegadores que não conseguem reproduzi-lo.

htmlaudioplayergenerator

Ama as ferramentas? Livre-se dos anúncios.

Um único pagamento remove todos os anúncios da sua conta, para sempre. Sem assinatura, sem rastreamento.