O player poderá executar uma lista normal tipo um arquivo asx, ou poderá executar o streaming de uma webradio.
O frame fica no topo da pagina assim o internauta poderá navegar tranquilamente sem que o player tenha que atualizar a cada pagina aberta.
Baixe os ficheiros deste tutorial.
http://uploading.com/files/mm47ec61/radio.rar/
Crie primeiramente uma pasta e nomeie “radio”
Vamos criar o player normal. Abaixo está código para o player normal, cole no bloco de notas salve como “player.html”.
Neste script esta inclusa as tags para ie e para mozila firefox. O player ira executar uma lista de musicas “playlist.asx”. Poderia ser a url de um streaming.
Você pode também alterar o tamanho do player editando altura largura e alinhamento
Abaixo um exemplo de playlist, pode ser feito no bloco de notas, basta substituir as url das musicas e salvar com extensão “asx”.
Agora vamos trabalhar com o frame.
Para criar o frame vamos usar o código abaixo. Coloque a url do seu site no lugar de http://www.assaigospel.com. Ele vai abrir o frame com o arquivo player.html e o site logo abaixo.
Salve como index.html
Basta enviar a pasta “radio” para a raiz do seu site e acessar www.seusite.com.br/radio
Você pode enviar o arquivo asx para seus amigos, ele funcionara como um atalho, ou seja o windows media player ira executar as musicas direto da internet.
Caso sua hospedagem tenha suporte a php podera fazer um player em php, a estética do frame ficara bem melhor
Baixe os ficheiros deste tutorial.
http://uploading.com/files/mm47ec61/radio.rar/
Para usar o player em php basta substituir a url que esta no arquivo "index.html" pela url do seu site. Depois substitua a url da playlist pela url de sua playlist no arquivo "player.php", ele aparecera 3 x no arquivo.
Substitua o arquivo 1.gif pelo seu proprio gif
Você poderá criar uma playlist em pls para abrir com o winamp
Envie a pasta radio para a raiz do seu site e acesse www.seusite.com.br/radio
http://tutosloko.blogspot.com/
segunda-feira, 12 de abril de 2010
Criando um frame e player de webradio,
Postado por tutoloko às 14:05 0 comentários
sexta-feira, 9 de abril de 2010
Criando um sistema de Banner rotativo.
Como funciona?
É uma pagina em html que ira atualizar em tempos determinado, (10 segundos por exemplo), um código em java script fará que seja exibido um conteúdo diferente cada vez que a pagina for atualizada. Esta pagina será aberta dentro de uma janela (iframe) no site principal.
Primeiro iremos criar uma pagina html e iremos salvar como rotator.html. Cole o código em um editor html ou no bloco de notas.
Postado por tutoloko às 08:01 0 comentários
Marcadores: banner rotativo, script
sábado, 20 de fevereiro de 2010
html e dreamweaver Mx: aula - 1
Através deste curso você aprendera a criar sites bem como usar o html em vários outros contextos, ensinaremos a cada aula a formatar uma pagina em html trabalhando diretamente com o código e também utilizando o melhor software do mercado o dreamweaver na versão mx.
Lembramos que para ser um webdesign não basta saber apenas html, você ira precisar no mínimo saber trabalhar com software para edição de imagem e artes gráficas, recomendo o photoshop, fireworks e o coreldraw.
Nas nossas aulas iremos disponibilizar os ficheiros com todos os arquivos necessarios.
Apesar de hoje os editores html gerarem o código sozinho permitindo que trabalhemos diretamente no visual da pagina é de extrema importância que tenhamos conhecimento do código, este é o motivo de demonstrar exemplos de como criar um site a partir do bloco de notas nas primeiras aulas, das aulas futuras conciso de que já devera estar familiarizado com a linguagem trabalharemos direto com o dreamweaver dando ênfase ao código só quando trabalharmos com algo novo.
Postado por tutoloko às 06:13 0 comentários
Marcadores: html