Inserir audio player no WordPress

Neste tutorial vamos aprender a adicionar um player de áudio em blogs hospedados no WordPress, sem a necessidade de plugins ou recursos adicionais. Veja este exemplo da música “Pracinha da Cidade” da Banda Gaúcha de Planalto :).

Na versão gratuita de hospedagem no WordPress, não é permitido upload de arquivos de áudio (MP3, por exemplo), sendo que para ativar a funcionalidade é preciso contratar o melhoramento “Espaço Adicional”… mas… isso não é problema! Basta que o arquivo esteja disponibilizado em qualquer endereço da internet!

Uma dica é utilizar o serviço Google siteshttp://sites.google.com/

Qualquer usuário que tem gMail (uma conta Google), pode fazer o cadastro para ter seu próprio site, sendo assim, podemos utilizar este serviço para disponibilizarmos os arquivos MP3 em um endereço da internet gratuitamente. O tamanho máximo de arquivo permitido é 20MB, o que é mais do que suficiente para músicas em MP3.

Obtenha o endereço completo do arquivo de áudio, como por exemplo:

  • https://sites.google.com/site/blogdocaze/mp3/Trilha4.mp3

Insira no seu post a tag de audio, como abaixo:

  • [audio ENDEREÇO_DO_ARQUIVO|titles=NOME_DA_MÚSICA]

Para o arquivo do exemplo, fica assim:

  • [audio https://sites.google.com/site/blogdocaze/mp3/Trilha4.mp3|titles=Banda Gaúcha de Planalto – Pracinha da Cidade]

Pronto! Visualize o post para ver o seu player 😉

Dúvidas? Críticas? Elogios? Comente o post!

31 Replies to “Inserir audio player no WordPress”

  1. E ae beleza? pesquisando o assunto na internet, cheguei nesse seu blog, estou tentando inserir os audios, o player até aparece, no meu navegador (Safari) dá pra ouvir de boa, mas no chrome e no safari fica somente com a opção de download

    1. Paulo, o problema é o local onde você colocou o arquivo. Esse mp3 não está acessível. Copiando o link do local onde está o MP3 na barra de endereços, não encontra…

      1. O arquivo continua inacessível! Você tem que hospedar o mp3 em algum lugar que permita acesso direto ao arquivo. Tente no Google Sites.

  2. Boa, funciona perfeitamente! Consegui mesmo linkando a partir de um site de uma empresa, que hospeda o arquivo MP3 do som de uma buzina que fabrica. A única coisa foi que comigo não funcionou com a palavra audio em itálico, como está no post aqui, mas quando passei para normal deu certo. Obrigado e abraços!

      1. Eduardo, eu copiei e colei exatamente a linha que você passou em um post do meu blog. Fiz a pré-visualização e lá estava o Player normalmente. Você está usando no servidor do WordPress mesmo? Ou está em um servidor prórpio com o WordPress instalado? Lembrando que você deve incluir no texto do artigo, e não em modo HTML.

  3. No caso de um site em plataforma wordpress hosteado em servidor próprio, os “dois pontos” são necessários. Para um blog no wordpress.com, só funciona sem os “dois pontos”, será que é isso? Por que?

Deixe uma resposta