Como adicionar um widget de reprodutor de música com áudio no WordPress

Deseja adicionar um widget de player de áudio e música no WordPress?

Um player de música é uma ótima maneira de compartilhar músicas, podcasts, entrevistas e outros arquivos de áudio com seu público. Isso pode ajudar a criar uma experiência mais interessante e envolvente em seu site.

Neste artigo, mostraremos como você pode adicionar um reprodutor de música com áudio no WordPress.

Por que adicionar um widget de reprodutor de música com áudio no WordPress?

Um reprodutor de música permite que os visitantes ouçam áudio diretamente em seu site WordPress.

Se você for um podcaster ou um músico, apresentar áudio em seu próprio site pode manter seus visitantes e fãs atualizados sobre seu trabalho.

Isso também pode incentivar as pessoas a visitarem seu site diretamente, em vez de reproduzirem o áudio em outras plataformas. Quando essas pessoas estiverem em seu site, você poderá ganhar mais dinheiro exibindo anúncios em seu blog do WordPress ou vendendo o arquivo de áudio como um download digital.

Mesmo que você não crie nenhum áudio original, incorporar conteúdo de plataformas de terceiros, como o Spotify, é uma maneira fácil de criar um site mais envolvente. Isso pode manter os visitantes em seu site por mais tempo e tornar a experiência mais divertida.

Dito isso, vamos dar uma olhada em como você pode adicionar um reprodutor de música com áudio no WordPress. Basta usar os links rápidos abaixo para ir direto ao método que você deseja usar.

• Método 1. Como adicionar um widget de reprodutor de música com áudio usando o bloco Audio (fácil)
• Método 2. Como adicionar um widget de player de música com áudio usando um plug-in (mais personalizável)

Método 1. Como adicionar um widget de reprodutor de música com áudio usando o bloco de áudio (fácil)

Com esse método, você pode criar um reprodutor de música de áudio simples usando o bloco de áudio integrado do WordPress. Você pode usar o bloco para reproduzir qualquer arquivo .mp3, .m4a, .ogg ou .wav.

O reprodutor de áudio é muito simples em comparação com a maioria dos plug-ins de reprodutor de áudio. Ele tem um botão de reprodução/pausa, controles de volume, um botão de download e um botão para alterar a velocidade de reprodução.

O bloco Audio incorporado é uma boa opção se você quiser adicionar alguns clipes de áudio curtos ao seu site e não precisar de recursos avançados.

Se você incorporar conteúdo de uma plataforma de terceiros compatível, como Spotify ou SoundCloud, o bloco Audio mostrará os controles de reprodução dessa plataforma. Ele também poderá mostrar algum conteúdo extra da plataforma, como o nome do artista e a imagem da capa.

Por exemplo, aqui está um bloco de áudio com conteúdo incorporado do SoundCloud.

Para adicionar um reprodutor de música de áudio simples ao seu site WordPress, abra qualquer página ou post. Em seguida, clique no ícone +.

Na janela pop-up que aparece, digite “Audio” para encontrar o bloco certo. Em seguida, basta clicar no bloco de áudio para adicioná-lo à sua página.

Nesse ponto, você pode adicionar um arquivo de áudio ou incorporar um clipe de áudio de outra plataforma.

Para adicionar um arquivo de áudio do seu computador, clique em “Upload” e, em seguida, escolha o arquivo que deseja usar. Outra opção é clicar em “Media Library” (Biblioteca de mídia) e escolher um arquivo da biblioteca de mídia do WordPress.

Se você fizer o upload do áudio completo, talvez queira oferecer aos visitantes a opção de apoiar seu trabalho como músico ou podcaster enviando uma doação. Para obter um passo a passo, consulte nosso guia sobre como adicionar um botão de doação do Stripe no WordPress.

Deseja incorporar o áudio de outra plataforma?

Isso é semelhante à forma como você incorpora vídeos no WordPress, em que basta colar o URL de um vídeo do YouTube e o WordPress o incorpora automaticamente.

Esteja ciente de que a maioria das plataformas incorpora apenas uma visualização do arquivo de áudio completo. O bloqueio pode até incentivar as pessoas a saírem do seu site e visitarem a plataforma de terceiros para ouvir o áudio completo.

Na imagem a seguir, o bloco Audio está direcionando os visitantes para o site do Spotify.

Se você é músico, isso pode aumentar seus royalties ao incentivar os visitantes a reproduzir seu conteúdo em outras plataformas. No entanto, isso também pode afastar as pessoas de seu site e levá-las para outras plataformas.

Para incorporar áudio de uma plataforma de terceiros, comece clicando em “Insert from URL”.

Isso abre uma pequena barra “Colar ou digitar URL”.

Agora você pode inserir o URL do clipe de áudio que deseja incorporar ao seu blog do WordPress.

Normalmente, você só precisa visitar a música ou o áudio que deseja incorporar e, em seguida, abrir as configurações de “Compartilhar”.

Depois disso, você pode copiar o URL fornecido.

Como exemplo, vamos ver como você pode incorporar qualquer música do Spotify em seu site. Para começar, encontre a música ou a lista de reprodução que deseja adicionar ao seu site WordPress.

Em seguida, basta clicar nos três pontos que o Spotify mostra ao lado da lista de reprodução ou da música.

Depois de fazer isso, clique em Compartilhar ” Copiar link da música.

Para adicionar o áudio a um widget de player de música, basta colar o link no bloco Audio.

Em nosso exemplo do Spotify, o WordPress transformará o bloco Audio em um bloco do Spotify. Essa alteração ocorre automaticamente, portanto, não é algo com que você precise se preocupar.

Depois de adicionar um arquivo de áudio, você pode clicar no bloco Audio (Áudio) para ver quais configurações podem ser definidas para esse bloco.

As configurações exibidas podem variar dependendo do fato de você ter carregado um arquivo de áudio ou incorporado uma visualização de um site de terceiros. Por exemplo, muitas vezes você pode definir a reprodução automática do áudio clicando no botão de alternância “Autoplay”.

A maioria dessas configurações é autoexplicativa, portanto, é uma boa ideia passar algum tempo experimentando as diferentes configurações para ver o que funciona melhor em seu site.

Quando estiver satisfeito com a configuração do bloco, você poderá atualizar ou publicar a página.

Agora, se você visitar a página em seu site, verá o player de música com áudio ao vivo. Você também pode ouvir o áudio usando os botões de controle de reprodução do bloco.

Método 2. Como adicionar um widget de reprodutor de música com áudio usando um plug-in (mais personalizável)

O bloco de áudio integrado do WordPress é uma maneira rápida e fácil de criar um reprodutor de áudio simples. No entanto, ele tem seus limites, especialmente quando se trata de personalizar o player e a experiência de reprodução.

Também não há um local central onde você possa gerenciar seus players de áudio. Isso significa que você não pode usar o mesmo player várias vezes em seu site.

Se você quiser recursos mais avançados e players de áudio reutilizáveis, recomendamos o Html5 Audio Player. Esse plug-in pode reproduzir qualquer arquivo mp3, .wav ou .ogg.

O plug-in só pode reproduzir um arquivo de áudio por player. No entanto, você pode criar quantos players de áudio quiser para poder reproduzir várias faixas diferentes em seu site.

Você pode até mesmo adicionar vários players de áudio à mesma página.

Primeiro, você precisará instalar e ativar o plug-in. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você estará pronto para criar seu primeiro player de áudio acessando Html5 Audio Player ” Html5 Audio Player.

Aqui, vá em frente e clique no botão “Add Audio Player” (Adicionar reprodutor de áudio).

Para começar, digite um nome para o reprodutor de áudio no campo que mostra “Add title” (Adicionar título).

Isso é apenas para sua referência, portanto, você pode usar o título que quiser.

Depois de fazer isso, vá até a seção “Player Configuration” (Configuração do jogador).

Aqui, você pode adicionar um arquivo de áudio ao player clicando no botão “Add Audio” (Adicionar áudio).

Agora você pode selecionar qualquer arquivo de áudio da biblioteca de mídia ou carregar um arquivo do seu computador.

Depois de escolher um arquivo, você está pronto para personalizar o player de áudio. Por padrão, o visitante só precisa clicar no botão Play e o áudio começará a ser reproduzido com o volume já aumentado.

É assim que a maioria dos visitantes espera que um reprodutor de áudio aja, portanto, você normalmente desejará usar essas configurações padrão.

Há também opções para silenciar o áudio por padrão, reprodução automática, repetição e muito mais.

Quando estiver satisfeito com a configuração do player, basta rolar até a parte superior da tela e clicar no botão “Save” (Salvar).

Em seguida, você pode adicionar o reprodutor de áudio ao seu site usando o shortcode ou o bloco HTML5 Audio Player.

O bloco é o método mais fácil. No entanto, se quiser colocar o player usando o shortcode, você encontrará o código na parte superior da tela.

Para obter mais detalhes sobre como colocar o shortcode, consulte nosso guia sobre como adicionar um shortcode no WordPress.

Para adicionar o reprodutor de música com áudio usando um bloco, abra qualquer página ou postagem. Agora você pode clicar no botão +.

Na janela pop-up que aparece, digite “HTML5 Audio Player” para encontrar o bloco certo. Quando você clicar no bloco “HTML5 Audio Player – Insert”, o bloco será adicionado à sua página.

Em seguida, abra o menu suspenso que mostra “Select a Player” para ver uma lista de todos os players de áudio que você criou.

Agora você pode clicar em um player de áudio para adicioná-lo à página ou ao post.

O editor de páginas do WordPress não mostra o reprodutor de áudio.

No entanto, se você clicar no botão Preview (Visualizar), poderá ver como o player será exibido para as pessoas que visitarem seu site. Você pode até mesmo ouvir o áudio e testar os diferentes botões de reprodução.

Quando estiver satisfeito com a aparência e o funcionamento do player de áudio, você poderá atualizar ou publicar a página.

Agora, se você visitar essa página em seu site do WordPress, verá o player de áudio ao vivo.

Deseja adicionar outras faixas de áudio ao seu site? Então, basta seguir o processo descrito acima para criar mais players de áudio e adicioná-los ao seu site WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar um widget de reprodutor de áudio no WordPress. Você também pode consultar nosso guia sobre o melhor software de notificação por push da Web e como criar um boletim informativo por e-mail.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.