Recebemos uma pergunta interessante semana passada aqui no TechJunkie Towers. Ele considerava algo que eu nunca havia considerado antes e queria saber como incorporar áudio MP3 em uma página da web com o Google Drive. Como alguém que administra vários sites para organizações, a pergunta foi feita para eu responder.
Você normalmente hospedaria qualquer mídia ao lado do site se quisesse apresentá-lo em uma página. Ele mantém as coisas organizadas e reduz o número de consultas externas que sua página da web precisa fazer durante o carregamento. No entanto, essa não é a única maneira de fazer as coisas e se, por algum motivo, você não puder hospedar seu áudio ao lado do site, use o Google Drive ou outro serviço em nuvem para hospedá-lo e vincular à sua página da web.
Enquanto este tutorial aborda a incorporação em uma página da web, o mesmo princípio se aplica à maioria das páginas online. Isso pode incluir redes sociais, blogs, wikis, páginas de destino ou o que for.
Incorporar áudio em uma página da web com o Google Drive
Para incorporar áudio em uma página da web, normalmente carregamos o arquivo MP3 no host e o colocamos em linha na página. Isso permite que a página consulte o host e reproduza a música rapidamente e sem outras consultas externas. Isso nem sempre é possível. Se você não tem capacidade de armazenamento em espaço no seu host da Web ou o host não é muito rápido ou adequado para streaming, você precisa procurar em outro lugar.
É aí que entra o Google Drive ou outro serviço em nuvem. Você pode fazer o upload do MP3 para o armazenamento em nuvem e vincular-o a partir da sua página da web. Então, sempre que alguém reproduz a faixa, ele transmite se do seu Drive e não localmente no seu host. Dado o quão grandes e poderosos servidores de nuvem do Google são, você também pode usá-lo para sua vantagem!
Veja como configurá-lo:
- Faça login no seu Google Drive normalmente.
- Crie uma pasta e faça o upload do arquivo MP3 nela.
- Defina a permissão para o arquivo MP3 como 'On - Public on the web, Qualquer pessoa na Internet pode encontrar e visualizar'.
- Salve a permissão.
- Capture o link de compartilhamento na página Compartilhar. Ele começará 'https://drive.google./com/…'
É isso para configurar. Seu arquivo MP3 está agora na nuvem e acessível por qualquer pessoa com o link de compartilhamento. Agora, precisamos colocar esse link on-line em sua página da web para que outras pessoas possam acessá-lo.
Incorporando o link à sua página
Exatamente como você incorpora o link de compartilhamento depende do que você usa para o seu site. Você pode usar um método diferente para WordPress ou Joomla, como faria para HTML ou outras estruturas.
Para incorporar seu MP3 em uma página do WordPress:
- Abra sua página no WordPress e abra um espaço para o arquivo de áudio.
- Selecione o botão Adicionar mídia na parte superior do editor de páginas.
- Selecione Inserir URL e cole o URL do Google Drive acima.
- Atribua um nome e um título e, em seguida, insira Mídia.
- Salve a página quando terminar.
Se você visualizar a página, deverá ver o link e sua descrição adicionados onde você a colocou na página. Reproduza a mídia e ela será transmitida invisivelmente do seu Google Drive pela página. É uma maneira bem organizada de adicionar rich media a uma página sem usar o armazenamento em seu host.
Se você não usa o WordPress e precisa incorporar o código em um iFrame, isso também é muito simples. Como os iFrames são um padrão da Web, a maioria das estruturas e plataformas de publicação deve suportá-los. Então, tudo que você precisa fazer é criar o iFrame e colocá-lo em sua página.
Para incorporar seu arquivo MP3 usando outras estruturas:
- Cole o URL de compartilhamento do Google Drive em um editor de texto.
- Altere '/ view' no final do URL para '/ preview' e copie o URL inteiro.
- Cole-o no código abaixo no lugar do URL de exemplo após 'src ='.
- Abra sua página da web em um editor de HTML ou use o editor da sua plataforma.
- Coloque o código inteiro na sua página onde deseja que ele apareça.
- Salve o arquivo e teste-o.
O código:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
O player deve aparecer na sua página e reproduzir o arquivo MP3 quando selecionado. Verifique o link você mesmo após o upload para garantir que ele funcione. Publique a página modificada e divirta-se!
É assim que você incorpora o áudio MP3 em uma página da web com o Google Drive. Conhece outras maneiras de fazer isso? Conte-nos sobre isso abaixo, se você o fizer!
