Código para tocar o Streaming

Código ultilizado para tocar streaming.

Download ( 4shared )

Iframe da Index - Criando Player

Iframe da index, ultilizado para pegar a página do streaming.

Download ( 4shared )

Criando Player

Tutorial ensinado a criar um player de rádio simples.

1º Crie uma imagem para o seu player, como o deseja. Eu fiz um somente para poder ensinar a vocês.

2º Agora abra o Macromedia Dreamweaver 8, crie um documento HTML e adicione um titulo a ele.

3º Agora na parte de cima do Macromedia Dreamweaver 8 tem a função de criar table. Crie uma table com Rows: 1 Columns: 1 e width: Tamanho da largura de seu player no meu caso 1007.

Agora clique na table, e na parte de baixo aparecerá as propriedades da table, onde você irá colocar border: 0.

4º Agora mudaremos a propriedade de página, dando um " Ctrl+J " e colocando tais informações.

e depois clique em ok.

5º A tela ficará assim.

5º Agora salvaremos a pagina. " File / Salve as.. " nome: index.html . Obs: salve na mesma pasta da imagem do player.

6º Agora você puxa a imagem do player para dentro da table.

7º De um clique na imagem, na parte de baixo do Macromedia Dreamweaver 8 terá a opção Rectangular hostpot tool, clique e selecione onde você irá colocar links. Depois clique em cada parte seleciona para colocar link e na Parte de baixo Macromedia Dreamweaver 8 aparecerá: Link: # ( No lugar de " # " você coloca o link do seu site com o http:// na frente ). Tipo no:
Aprendiz Web Radio: Link - http://aprendizwebradio.blogspot.com
Play: Link - index.html

Pause: Link - pause.html

Pedidos / Recados: Link - http://aprendizwebradio.blogspot.com

8º Agora Fecha e Salva.

9º Vá até a pasta e copie o index.html e renomeia para pause.html

10º Agora abra novamente o index.html e crie um iframe ápos a tag "/BODY". Crie o seguinte iframe: Download Iframe

13º Onde tem "http://ip:port/" você deverá colocar o ip e a port do seu streaming.

14º Agora salva e página como streaming.html junto com as outras páginas.

15º Agora é só abrir o index.html que seu player irá tocar se estiver feito tudo certo!

Obs: As imagens da logo do AwR é figurante, você não encontrarar quando for fazer seu player. É somente uma precaução para não conter copias.

Obs 1: O player feito no tutorial, está disponivel para download em nosso portal no menu Downloads.

Duvidas
Se tiver duvida entre em contato suporte_awr@hotmail.com