THE BLOG THAT WAS HERE HAS MOVED, YOU'LL BE REDIRECT IN 10 SECONDs, IF YOU'RE NOT REDIRECT CLICK HERE, PLEASE UPDATE YOUR BOOKMARKS.

O BLOGUE MUDOU-SE, VAI SER REDIRECCIONADO(A) EM 10 SEGUNDOS, SE NÃO FOR REDIRECCIONADO CLIQUE AQUI E ACTUALIZE OS SEUS FAVORITOS.

Artigos recentes

01 setembro 2008

Guia ilustrado - Como hospedar e colocar áudio - mp3 no Blogger

postado por: Ricardo Santos

Depois de ter escrito aqui vários guias em como colocar um leitor áudio no blogger recebi vários pedidos de ajuda por email, 90% dos pedidos é relacionado com qual serviço de hospedagem utilizar porque a maior parte não permite a utilização do link directo do ficheiro(hotlink).

Vou utilizar neste guia o serviço de hospedagem gratuito 4Shared, o 4shared não permite que utilizemos o link directo mas vou partilhar aqui um segredo para o utilizarmos. Este guia ilustrado irá mostrar todas as etapas necessárias desde o registo no 4shared, upload de áudio e colocação de áudio no blog.

Vamos lá começar então:

1º- Registar no 4Shared: No site 4Shared clicamos em SIGN UP.


2º- Na seguinte página preencham os dados, eu utilizei o hotmail mas qualquer um serve, em EMAIL escrevemos o nosso email, em PASSWORD escrevemos a nossa password/senha, em CONFIRM PASSWORD escrevemos novamente a PASSWORD e em PLAN seleccionamos a opção FREE, depois clicamos em SIGN UP.


3º- Se tudo correu bem a seguinte página confirma que o registo foi efectuado, clicamos em OK


4º- Agora estamos no painel de controlo da nossa conta no 4Shared, clicamos em PROCURAR e seleccionamos o ficheiro mp3 que vamos utilizar, em seguida clicamos em UPLOAD


5º- Irá aparecer uma janela que nos indica o tempo que o upload irá demorar.


6º- Depois de o upload terminar é apresentada uma janela com links genéricos para fórums e sites/blogs, mas estes não são os links que nos interessam por isso clicamos em DONE.


7º- Agora podemos ver o ficheiro áudio já no 4shared, existem 4 abas disponiveis e vamos clicar na aba PLAY que irá mostrar um mini leitor áudio.


8º- Como o mini leitor áudio não funciona fora do 4shared, temos agora de descobrir o link do ficheiro que o leitor está a usar e para isso teremos de dar uma olhada no código fonte da página, não se preocupem que é mais fácil do que parece, no guia utilizei o Firefox mas vou também dizer os passos caso estejam a usar o Intenet Explorer.

Firefox: pressionem as teclas CTRL+U ao mesmo tempo e uma janela com o código html fonte irá aparecer.

Internet Explorer: cliquem no menu VER ou PÁGINA e em seguida seleccionam a opção VER CÓDIGO FONTE e uma janela com o código html fonte irá aparecer.


9º- Com a janela do código fonte aberta vamos procurar o link do ficheiro mp3

Firefox: Pressionem as teclas CTRL+F e uma pequena caixa de pesquisa irá aparecer ao fundo da janela, nessa caixa escrevemos o seguinte "file= assim que acabamos de escrever o código irá aparecer sublinhado na página e á frente estará o tal link para o mp3 que começa em "http://" e acaba em "preview.mp3"

Internet Explorer: Pressionem as teclas CTRL+F e uma pequena caixa de pesquisa irá em cima da janela, nessa caixa escrevemos o seguinte "file= clicamos em PROCURAR e o código irá aparecer sublinhado na página e á frente estará o tal link para o mp3 que começa em "http://" e acaba em "preview.mp3"
>

10- Agora que já temos o mp3 hospedado e o link directo vamos colocar o mp3 no blog, iniciamos um novo artigo no blogger e no modo EDITAR HTML colocamos o seguinte código no post, substituindo a parte a vermelho com o link directo para o mp3 e aparte a verde pela percentagem de volume áudio, por exemplo 100 inicia o leitor com o som no máximo, 50 inicia o leitor com o volume a 50%.


<embed src="http://ricardouk.no.sapo.pt/scripts/player.swf" width="350" height="20" bgcolor="#ffffff" allowscriptaccess="always" allowfullscreen="false" flashvars="file=LOCALIZAÇÃO DO FICHEIRO MP3&volume=100"/>




11º Depois de adicionarmos o código clicamos em GUARDAR, agora ao visualizar o blog estará lá um leitor áudio como este

Comments 42 comments
Carlos disse...

Amigo, fiz exatamente conforme sua detalhada explicação, porém o tocador apareceu em meu blog, mais somente isto quando acionado não executa o mp3.
Pode me dar uma dica ?
Carlos

Ricardo Santos disse...

Carlos como queres que te ajude se não deixaste um link para o teu blog? O teu perfil também é privado...sem nenhuma informação não te posso ajudar

Carlos disse...

Amigo espero que não tenha esquecido de minha dificuldade o blog - http://coracaoseco.blogspot.com/
Te aguardo abraços.
Carlos Garcia

Ricardo Santos disse...

Já está resolvido o problema, copia outra vez o código e deverá funcionar, como a barra lateral do teu blog tem 270px talvez fosse melhor reduzir a largura do leitor no código de 350 para 250:

width="250"

Carlos disse...

100% valeu mesmo, Ricardo onde esta seu banner para eu colocar nos meus blogs, você realmente é 10
Carlos

Ricardo Santos disse...

Obrigado, eu não tenho banners disponíveis mas podes usar um link normal.

Carlos disse...

oK VOU CLOCAR SUE LINK.
Agora abusando:
No log enho um menu horizontal, como poderia colocar não sei me expressar corretamente mais, seria assim; quando para o mause em cima de um ele abriria novas abas ou opções de links, será que vc entendeu?
Carlos

Carlos disse...

Bom dia! Amigo sei que são vários recados deixado para você face ao seu conhecimento, gostaria de saber se haverá a possibilidade de você me ajudar quanto ao meu menu?
Aguardando sua resposta, abraços.
Carlos

Ricardo Santos disse...

Carlos como queres que te possa dizer alguma coisa se não tenho sequer o endereço do blog em questão?? O endereço do blog que deste antes já não funciona...

Porque não tens o teu perfil no blogger público para poder ver qual é o blog e menu em questão??

já devias ter aprendido pois já é a 2ª vez, da 1ª também te esqueceste...

José Oliveira disse...

Olá Ricardo.
É muito interessante o teu blogue. Parabéns.
Este leitor de audio é jeitoso, pela sua simplicidade, mas não reage bem ao avanço na barra de progresso.
Gosto muito de um leitor que usavas inicialmente (por ex. aqui). Podes ceder o flash e explicar como o usar? Seria interessante inclusive faze-lo carregar com as abas fechadas ou abertas conforme quisessemos.
Obrigado

Ricardo Santos disse...

Olá José Oliveira

Por acaso ambos os leitores são o mesmo apenas versões diferentes.

Vou postar aqui um guia em como configurar e as suas diversas opções.

José Oliveira disse...

Já agora, se não for abuso, sabes se há forma de colocar o som a 100% quando este leitor flash (indicado neste artigo) é carregado? Se sim, qual?
Obrigado desde já.

Ricardo Santos disse...

Olá José

Já acrescentei essa informação ao guia no passo 10.

Funcionou?

José Oliveira disse...

Viva Ricardo.

Funcionou sim. Obrigadíssimo.

Podes confirmar aqui e aqui, onde o usei.

Só é pena não reagir bem ao avanço na barra de progresso, mas não se pode ter tudo :-)

Confesso que ainda não encontrei o player ideal, versátil e ao meu gosto, para o corpo dos posts. O que uso na barra lateral funciona se estiver em iframe, mas o novo browser chrome não o apresentava.

Como alternativa, este já faz bem o serviço, sobretudo quando se trata de um só tema.
Creio inclusive que já o vi aqui com um video do youtube... tenho de experimentar isso.

Abraço

Ricardo Santos disse...

José o facto de não responder bem na barra de progresso deve-se ao facto de o visitante estar a fazer um streaming/descarregar em tempo real o mp3, não se pode começar a ouvir e esperar que o fim do ficheiro já esteja disponivel.

experimenta ouvir uma vez até ao fim, depois clica no play outra vez e clica no meio da barra de progresso e já funciona porque o ficheiro já foi descarregado para a memória uma vez epode ser "pesquisado" normalmente.

este é o player mais versatil que encontreoi até hoje pois lida com váriso formatos tanto áudio como video, se colocas 2 players diferentes para cada o carregamento do blogue fica mais lento pois existem 2 players que têm de ser carregados, assim tanto funciona para aúdio como vídeo etc e só é carregado uma vez.

Ingo Henrique disse...

blz, naum estou conseguindo entrar nesta pasta audio, eu acho q o progama está atualizado.
obrigado

Ricardo Santos disse...

???? Pasta áudio?!?!?

Ricardo Santos disse...

o código no 4shared mudou, agora o endereço fica a seguir a "file=

o guia já foi actualizado, amanha mudo a imagem

Obrigado

Lstarja disse...

Oi....
Gostei desse tutoral,funcionou blzinha....Bye!!!

Fabio disse...

Bom dia Ricardo
Segui todos os passos conforme vc colocou mais quando eu vou visualizar não aparece fica um retangulo em branco

eu mandei uma copia do cod mais parace que não pode, meu blog é

http://interessanteveja.blogspot.com/

obrigado

Ricardo Santos disse...

Fábio obrigado pela visita.

Acerca do leitor áudio, eu fui experimentar o teu código e comigo funcionou, tenta colocar o código novamente:

<embed src="http://ricardouk.no.sapo.pt/scripts/player.swf" width="350" height="20" bgcolor="#ffffff" allowscriptaccess="always" allowfullscreen="false" flashvars="file=http://dc111.4shared.com/img/75325155/ce521fca/dlink__2Fdownload_2F75325155_2Fce521fca_2Fpodcast_5Firmaoscom_5F042-lutando_5Fpela_5Figreja.mp3_3Ftsid_3D20081210-075053-76d5663/preview.mp3&volume=100"/>

PROGRAMA CRISTO É O NOSSO REI disse...

Meu caro Ricardo, muito obrigado pelas suas explicações, coloquei meu play no blog.Agora se eu quizesse colocar mais de uma musica? como seria.


álberes

Ricardo Santos disse...

Para colocar várias músicas requer uma playlist, vou em breve fazer um guia e irei postar aqui no blogue como fazer isso

Verdadeiros Fãs de Evanescence disse...

Oi Ricardo, muito obrigado pela explicação, para mim foi muito útil.

Vc sabe me dizer qual o código para colocar os vídeos hospedados no 4shared? O endereço está localizado da mesma forma após "file= certo?
Obrigado!

Ezequiel disse...

Olá amigo...
muito obrigado pela ajuda ..deu certinho...
eu gostaria de saber se tem como o player iniciar automaticamente

Portela disse...

Oi Ricardo.. olha colega estou com uma duvida danada.. depois que eu faço o upload da musica que eu quero aonde eu devo clicar para aparecer o play que vc mostra?
Quando chega no 7° eu me perco:
vc diz que: 7º- Agora podemos ver o ficheiro áudio já no 4shared, existem 4 abas disponiveis e vamos clicar na aba PLAY que irá mostrar um mini leitor áudio.

eu nao sei aonde fica isso aqui no meu não... fiz tudinho como vc ta ensinando, mas quando chega no 7° eu nao sei como prosseguir...
vc me ajuda?
meu e-mail é (removido)
meu blog é

diegosousa.blogspot.com

(ainda ele ta em construção)

ah! tem como colocar várias musicas ou é somente uma que pode colocar?

Portela disse...

Ricardo desconsidere a minha ultima mensagem... eu achei o local... fiz tudo certo dessa vez, mas a musica NÃO QUER TOCAR...


meu blog é

diegosousa.blogspot.com

olha tem como colocar várias musicas no blog?

Ricardo Santos disse...

Olá Diego, obrigado pela visita, não vi nenhum leitor áudio no teu blog para poder dar a vista de olhos e ver que estava de errado, enquanto lá não o tiveres não te poderei ajudar.

Acerca das várias músicas é possível, tens de aguardar o guia que irei publicar brevemente

Vato Loko *Castelo Gueto* disse...

Muito obrigado ... funcionou corretamente

Quero saber se vc conhece alguma forma de carregamento mais rapido do audio , pra se escutar ...

Pq no caso eu quero colocar um play list de uns 40 min. lá e pode demorar pra carregar

Obrigado !

Responda aqui se possivel ok

Email: (email removido)

ou

(email removido)

Ricardo Santos disse...

Olá Vato, obrigado pela visita, não existe forma nenhuma de acelerar o carregamento do áudio, se codificares o mp3 a 128k mesmo numa ligação de meio mega ouvirás sem problemas.

40 minutos ou 400 é indiferente.

Rafinha disse...

Oi Ricardo, conseguir fazer tudo, mas quando seleciono para publicar a postagem dá esse erro:
"Seu HTML não pode ser aceito: Tag is not closed: (e segue todo o link que coloquei lá.)"
Eu consigo até visualizar o mostrador de áudio, mas a não consigo publica-lá.
Pode me ajudar?
Meu blog é http://llulluziinhas.blogspot.com/
Obrigada!

Ricardo Santos disse...

Olá, fui ao blog mas não vi nenhum leitor áudio.....

Rafinha disse...

Eu não publiquei porque deu erro, o leitor não aparece na postagem.

Francieli Severo disse...

Ricardo... MTO OBRIGADO!!!

Saber Gospel disse...

pow cara ñ sei oq esta acontecendo...eu to enviando sa musicas como vc disse para o 4shared,
mas elas não ficam em formato mp3 elas vão para WAV,... PQ?
SEPUDER ME AJUDAR! :(

Ricardo Santos disse...

como queres que te ajude se nem links enviaS?

Envia um link e darei uma resposta, sem nada pa ver ou ouvir nãO posso fazer NADA

Dança Ma Mi disse...

Ola Ricardo este é meu blog... nao consegui colocar.. pode passar la, www.rcmdancamami.blogspot.com e ver o que fiz de errado? Obrigado

Ricardo Santos disse...

Olá, obrigado pela visita, como eu escrevi no guia o link para o mp3 acaba em "previewmp3" e tu colocaste o link inteiro, colocaste o link a negrito:

<embed height="20" width="470" flashvars="file=http://dc128.4shared.com/img/88464504/2be5f1b4/dlink__2Fdownload_2F88464504_2F2be5f1b4_2F1702.mp3_3Ftsid_3D20090219-100222-6b13edfc/preview.mp3&link=http://www.4shared.com/file/88464504/2be5f1b4/1702.html" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://dc128.4shared.com/flash/flvplayer.swf"/>

e devia ser o seguinte:

<embed height="20" width="400" flashvars="file=http://dc128.4shared.com/img/88464504/2be5f1b4/dlink__2Fdownload_2F88464504_2F2be5f1b4_2F1702.mp3_3Ftsid_3D20090219-100222-6b13edfc/preview.mp3" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://dc128.4shared.com/flash/flvplayer.swf"/>

Iris Prates disse...

Olá Ricardo, estou seguindo os procedimentos mas está dando erro na hora de publicar, aparece a seguinte mensagem

seu html não pode ser aceito: tag is broken embed src....

Ricardo Santos disse...

Olá Iris, obrigado pela visita, quando aparecer esse aviso escolhe a opção "ignorar erro" no blogger, o código é válido.

CrenteNet disse...

Valeu Ricardo, ha dias procurava um meio de colocar algumas gravações minhas eu meu blog, passava noites inteiras pesquisando sem sucesso, mas ao seguir passo a passo suas informações finalmente conseguir, muito obg, e parabéns.

Cláudio Oliveira, são luís - MA
crentenet.blogspot.com
claudioxy@gmail.com

Fabinho disse...

Olá meu nome é Fábio
Meu blog ficou muito legal com as dicas do Ricardo
mas achei um código melhor para colocar um mp3 no blog. Com inicio manual ou automático masseu site não aceitou qualquer coisa estou a disposição um abraço a todos!!! www.ministerioduolux.blogspot.com

Categorias

Subscribe feeds rss Comentários recentes

Subscribe feeds rss Artigos recentes