E mais uma grande dica aos blogueiros que adoram músicas. O Yahoo! possui um player bem interessante de fácil implementação em qualquer página, site ou blog. Seu nome é Yahoo Media Player e reproduz arquivos de áudio, aparecendo de forma discreta nas páginas e você pode escolher em colocar uma única música para tocar ou várias, criando uma Play-list como faremos na demonstração.
Características
- Adiciona áudio para seu site com apenas uma linha de HTML
- Uso simples, fácil de incrementar em HTML em vez de uma marcação proprietária e complicada
- Encontra automaticamente todos os links de áudio na sua página, transformando sua página em uma lista
- Reproduz todas as suas entradas de blog com um único clique de botão
- Reconhecimento automático do link da música e inserção de imagem indicativa de som
- Mantém o usuário na página em vez de enviá-los para um player de mídia
- Pega suas imagens e adiciona-los como capa
- Não requer nenhum download, instale ou manutenção
Implementando o Yahoo Player
Como todo bom recurso, podemos usá-lo em uma única página ou no site como um todo, vale lembrar que o endereço da música fica por sua conta, os modelos textuais desta postagem não são todos reais. Para uso, basta que sua página busque o seguinte código:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
O código deve estar entre as tags <body> e </body>, então recomendamos que localize [Ctrl+F] a tag final do /body e ANTES dela, isira o código acima. Depois basta inserir de forma HTML o link da música, como mostra o exemplo do Yahoo! a seguir:
<a href="http://mediaplayer.yahoo.com/example1.mp3">Primeiro link</a>
Caso queira usar um monte de músicas ao mesmo tempo e criar sua Play-list basta colocar no endereço de busca a pasta onde elas se encontram ou se não desejar que dentro da pasta uma determinada pasta apareça, liste manualmente as músicas na sua página, como por exemplo:
Caso sua lista de músicas seja muito grande, e por algum motivo você desejar que a música da linha 3 no exemplo acima seja a primeira a ser tocada, basta adicionar uma tag HTML, a famosa tabindex:<a href="http://mediaplayer.yahoo.com/example1.mp3" tabindex="2">Primeiro link</a>
<a href="http://mediaplayer.yahoo.com/example2.mp3" tabindex="3">Segundo link</a>
<a href="http://mediaplayer.yahoo.com/example3.mp3" tabindex="1">Terceiro link</a>
<a href="http://mediaplayer.yahoo.com/example1.mp3">Primeiro link</a>
<a href="http://mediaplayer.yahoo.com/example2.mp3">Segundo link</a>
<a href="http://mediaplayer.yahoo.com/example3.mp3">Terceiro link</a>
Para que apareça no player o nome da música que está sendo tocado, coloque a tag de TITLE entre o HTML da música, como mostra o exemplo:
<a href="artist.mp3" title="minha música">Uma música</a>
Como se pode reparar no Arruma Blog, na nossa página inicial não há um player para a reprodução da imagem pois como cada artigo do blog tem uma página só sua, você verá o player somente nesta página, com ela expandida.
 |
| Clique para ampliar e ver outros detalhes |
Para ouvir a música, basta clicar sobre ela. O player estará 'escondido' na lateral esquerda inferior do blog:
Arte Na Lata - Bate Ca, Bate Lá
Update[17:03 dia 05/03]
O Player também está aceitando [Versão beta] vídeos do YouTube, como segue no modelo para visualização. Para tal, basta que o link seja o do YouTube e não o da música:<a href="http://www.youtube.com/watch?v=i56XeM0-b8Y">Zoetrope (YouTube link)</a>
Para saber mais: Media Player Yahoo! | Arte na Lata
li todo artigo e não entendi direito tem como esplicar mais detalhadamente me mande um e-mail para belo.vieira@hotmail.com
ResponderExcluirAgradecemos por ter colocado nossa música aos ouvidos dos seus leitores. Para maiores informações acesse nosso site ou nos visite nas redes sociais que estamos. Abraço
ResponderExcluir