Antes de mais nada é preciso que seu arquivo de áudio esteja pronto.
Dá pra gravar pelo celular e dá pra gravar pelo computador usando o Gravador de som do Windows. Será esse modo que vou usar no tutorial, tá?
Para fazer isso clique no menu Iniciar do seu computador.
Aí pesquise Gravador de Som.
Vai aparecer a opção, clique nela.
Abrirá o gravador de som.
Grave o que deseja.
Terminou? Salve em uma pasta que você consiga localizar facilmente.
No Gravador de som do Windows o arquivo gerado é no formato .WMA e nós precisaremos converter esse arquivo para o formato .mp3
Para fazer isso é muito simples: acesse esse site: https://online-audio-converter.com/pt/
Aí clique em Abrir arquivos.
Localize seu arquivo de áudio e carregue-o.
A seguir selecione a opção mp3.
Clique então em Converter.
Espere concluir.
Salve seu arquivo já convertido.
Agora precisamos hospedar esse arquivo de áudio.
Para fazer isso vou usar um serviço maravilhoso do Google, o Google Sites.
É ele que uso para hospedar todos os meus códigos, os códigos dos Temas para blog by Elaine Gaspareto, e tudo o mais que precise de hospedagem.
Crie agora:
Clique em Adicionar arquivo.
Carregue o seu arquivo de áudio já convertido.
Assim que terminar pare o mouse sobre a setinha que aparece ao lado do seu arquivo carregado. Com o botão direito do mouse selecione Copiar link (estou usando o navegador Chrome, em outro pode ser diferente).
Link copiado?
Guarde-o, vamos usar daqui há pouco.
Agora vá ao painel de seu blog e clique para criar uma nova postagem ou editar alguma na qual queira inserir seu áudio.
Para efeito de teste use um blog de teste e crie um post novo, facilita o entendimento do que vou explicar.
No editor de postagens do blog clique em HTML, no alto do editor.
Essa ação vai colocar o editor de texto em modo HTML.
Aí, no local onde desejar que o player apareça, cole o seguinte código:
Agora preste atenção!
Sabe o link do Google Sites que pedi para guardar?
No local onde marquei CÓDIGO DO ARQUIVO AQUI coloque o endereço do seu arquivo de áudio, excluindo o que aparece depois de mp3.
Assim:
https://sites.google.com/site/elainegasparetoparada1/home/Soneto%20da%20fidelidade.mp3?attredirects=0&d=1
Apague o que marquei em negrito.
Ficará assim:
<audio controls="">
<source src="https://sites.google.com/site/elainegasparetoparada1/home/Soneto%20da%20fidelidade.mp3?dl=1" type="audio/mpeg"></source>
</audio>
Por exemplo este é um áudio pronto
<audio controls="">
<source src="https://sites.google.com/site/natrilhadoradio20203/SAUDADE%20NACIONAL%20-%20ENTREVISTA%20MARCIA%20FERREIRA%20%2804.06.2020%29.mp3?dl=1" type="audio/mpeg"></source>
</audio>
Veja na prática como fica
Aí é só clicar em Escrever, para voltar o editor ao modo normal e publicar seu post normalmente.
Simples e muito fácil, né?
Faz aí e me chama para te ouvir!
Veja também
Boa tarde Elaine, será que é possível editar a cor do fundo do Áudio ?
ResponderExcluirSe não for possível deixe ficar não precisa responder. De qualquer maneira Obrigado.
osbatalhas@gmail.com