Olá! Tuesday, 19 de March de 2024.



Dicas CódigoFonte.net
Monday, 20 de October de 2003

Criando uma rádio em 12 minutos com Flash

Fazer uma rádio virtual não parece uma tarefa fácil, mas pode ficar mais simples utilizando o Flash MX, da Macromedia. Essa versão do programa trouxe avanços como o suporte nativo a códigos e objetos XML e também a possibilidade de inserir textos e até arquivos MP3 de forma dinâmica. Graças a isso, em apenas 12 minutos conseguimos montar uma rádio online com três canais, utilizando objetos específicos para esse fim. Para você montar a sua rádio, além do Flash MX será necessário ter os scripts que façam a rádio operar. Eles estão disponíveis para download clicando aqui .

Antes de começar, é bom já ter em mente como será a sua estação, ou seja, como serão os botões, qual será o nome, como será o design e — claro — quais músicas serão incluídas.

1. Com o Flash MX aberto, crie um novo arquivo e no quadro Properties defina o tamanho que terá sua rádio virtual. Em nosso caso, fizemos a Estação INFO com 250 x 150 pixels.

2. No menu principal clique na opção Insert e escolha New Symbol. Uma janela Create New Symbol será aberta. Selecione a opção Movie Clip e dê o nome xmlObj para o objeto. Dê um comando Control+L e a biblioteca será aberta, aparecendo o objeto criado. Clique nele e arraste-o para a rádio. Depois abra a janela Action e insira o script “cxml”, disponível no arquivo baixado. Em seguida, com o objeto selecionado vá até Propriedades (Properties) e onde aparece digite cxml. O objeto xmlObj fará o Flash conversar com o arquivo XML. Ele é o motor da nossa rádio.

3. Agora crie uma layer na Timeline e dê a ela o nome de Ações. É aconselhável que você inclua cerca de cinco frames nessa primeira layer. E para isso basta clicar cinco vezes na tecla F5. Clique no primeiro frame e em seguida abra a janela Actions Frame. No quadro branco que aparece à direita da janela insira o script Ações, também diponibilizado no arquivo baixado. Ele cuidará das ações que cada botão da rádio vai executar.

4. Quem não tiver nenhum botão disponível para a rádio pode utilizar os que são oferecidos pelo próprio Flash MX na opção Common Libraries. Serão necessário seis botões. Para músicas: Avançar, Voltar, Parar e Tocar. Para estações: Avançar e Voltar. Clique em cada um deles e arraste-os para o local exato que eles devem ficar.

5. Escolhidos os botões, será necessário definir as ações deles. Vamos começar pelo Voltar. Clique no botão correspondente e depois na janela Actions - Movie Clip. Nela selecione as opções Actions/Movie Control e dê um duplo clique na opção On. Uma janela será aberta ao lado. Dê um duplo clique na opção Release. Aparecerá o seguinte código:

on (release) {
}


Como estamos configurando o botão Voltar, precisamos escrever o comando radioPrevious(); entre as chaves para que ele funcione. O resultado final dessa operação é o código

on (release) {radioPrevious();
}


6. Agora precisamos fazer o mesmo para os outros botões. No caso do Stop o comando é

on (release) {radioStop();
}


7. Para o Play o comando é

on (release) {radioPlay();
}


8. Para o botão Próxima música o comando é

on (release) {radioNext();
}


9. No botão que irá mudar as estações dessa rádio online o comando deve ser

on (release) {stationNext();
}


10. Já para retroceder o comando é

on (release) {stationPrevious();
}


11. Também precisamos definir o espaço onde aparecerá a identificação das músicas. Na Estação INFO decidimos deixar três campos: um com o nome da música, outro com o do cantor e outro com o do canal.

12. Para inserir um texto abra a janela de ferramentas e selecione a opção A. Em Propriedades (Properties) na janela Text Tool selecione Dynamic Text. E no quadro onde está montando a rádio selecione o espaço onde você quer que apareça o nome do canal. No quadro Var, que aparece em Propriedades, digite txtStation.

13. Agora abra um outro espaço na tela para inserir o nome da música e no quadro Var digite txtTitle.

14. Repita o mesmo processo na criação do nome do cantor e no campo Var digite txtComposer.

15. Feito isso, é necessário incluir mais um script. Selecione o segundo frame na Layer, abra a janela Actions e insira o código “para”, que também está disponível no arquivo baixado.16. Não se esqueça de editar o arquivo XML chamado radio.xml, que também foi baixado. Abra-o no Notepad ou em outro editor HTML e ponha os nomes das estações, das músicas, dos cantores e do arquivo MP3 entre as TAGs correspondentes.

17. Por fim, vá ao menu Principal e selecione a opção Publish. Isso fará com que o arquivo Flash com extensão “.fla” seja transformado em outro com extensão “.swf”. Para a rádio funcionar sem problemas todos os arquivos devem ficar no mesmo diretório.

Comentários do artigo [Novo comentário]

antonio sergio bagolin - 08 de August de 2008 - 20:54
Gostaria de saber se nao terei nenhum problema como o Min. das Comunicações/Anatel
PORTAL SANTA MARIA - 15 de August de 2008 - 08:20
QUEREMOS PARABENIZAR OS CRIADORES DESTE SITE.É DE GRANDE IMPORTANCIA PARA OS APRENDISES E PROFISSIONAIS INTERNAUTAS.DEUS ABENÇOE A TODOS!
REMILEY CRUZ DE ARAUJO - 26 de September de 2008 - 17:33
VOCÊS ESTÃO DE PARABENS PESSOAL UM SHOW ESSE SITE PARA INICIANTES VLW!!!!
Ari Jones - 28 de September de 2008 - 05:29
MUITO BOM O SITE! PARAÉNS
lindoilson - 28 de September de 2008 - 17:29
valeu pessoal o código fonte é mesmo indespensável para os viciados em designer, e web sites em geral , valeu que Deus abenço voces que contribuem com a permanencia desse site
Felipe Gabriel Soares Santana - 30 de September de 2008 - 13:25
aonde ponho as musicas?
como faço pra tocar no flash pronto...?
espero respostas
Bruno Alex - 30 de September de 2008 - 20:03
Cara desde 2002 eu tava a procura de um site assim graça a DEUS achei, ainda mais com todos esses Gadgets grátis
Rayfranci Diniz - 10 de October de 2008 - 17:34
Oh! Emanuel, sou seu fã e conterraneo, mas esse num consegui fazer não... suplico ajuda kkkkk [email protected]
Rayfranci Diniz - 11 de October de 2008 - 00:22
Emmanuel, são 3 da manhã e não consigo passar desse ponto no paragrafo 2 "Depois abra a janela Action e insira o script ?cxml?, disponível no arquivo baixado."

peço ajuda
Renato Cesar Ribeiro - 04 de November de 2008 - 17:51
Sou um usuário bem iniciante e não consegui terminar... Como faço?
Williams Aloise - 17 de November de 2008 - 18:49
ola to com a mesma dúvida do amigo Rayfranci, tenho o Flash MX 6.0 em português mas não consigo achar a opção pra "inserir script" do arquivo que baixei na guia "Ações"
me ajude, for favor. [email protected]
gabriela aguiar pinho - 04 de December de 2008 - 21:38
nao entendi nada o.O sei la.. devia por uma fotos como tutoriais.. ou um video. fica mais facil de explicar para iniciantes (como no caso eu tambem)
;)))
Lucas - 18 de January de 2009 - 17:37
Poxa era oque eu estava precisando para o meu site!! websofthard: www.wsh.6te.net
ewerton machado - 23 de January de 2009 - 01:48
sensacional gente ,site utilissimo !!! To procurando outra coisa ! preciso fazer postagens de fotos de forma dinamica (auto post) tem algum tuto ou codigo ai ?? Ficarei grato !!! Parabens ! Ate mais , abraços !!!
Elvertt Cruz - 23 de January de 2009 - 21:34
Legal no codigo fonte se aprende um monte de lances, parabens
joel sitonio - 31 de January de 2009 - 17:40
sem palavras show
max requião - 18 de February de 2009 - 13:11
[2] ola to com a mesma d?a do amigo Rayfranci, tenho o Flash MX 6.0 em portugu?mas n?consigo achar a op? pra "inserir script" do arquivo que baixei na guia "A?s" me ajude, for favor. [email protected]
Luiz Everardo Bezerra Lopes - 23 de June de 2009 - 19:28
Amigos, que maravilha! Só que li, reli e não entendí muito. Teria como me neviar por email detalhes com mais clareza, já que por e-mail pode-se explicar à vontade? Ficarei muito grato. Abraços. Everardo Bezerra.
Luis Carlos de Brito - 29 de June de 2009 - 21:44
Kara muito interessante mas fiz duas vezes o tutorial e não consigo estabeler link entre o flash e o arquivo .xml, diz que está "indefinido". Vc não tem o FLA com o xml para postar pra gente ver aqui?
meu msn é [email protected], se alguém tiver este arquivo feito e funcionando, ficaria muito grato se me mandasse. flw, t+
Maximiller Guedes - 01 de November de 2009 - 16:10
Fiz tudo certinho, mas nao consigo publicar... me ajuda!!! meu e-mail: [email protected]
Sergio Alves - 14 de December de 2009 - 20:04
Eu fiz, mas não consigo fazer funcionar, será que alguém pode me ajudar, não sei se estou colocando os escripts de maneira correta. Tenho que fazer um include ou colar o código direto no flash mx?
Sergio Alves - 15 de December de 2009 - 15:31
Ah! se alguém conseguiu e puder me explicar ou quiser enviar o arquivo FLA meu email é [email protected]
Maximiller Guedes - 29 de January de 2010 - 17:08
Alguém que conseguiu fazer, pode me enviar o arquivo fla?
[email protected]
Diego Sant Annna ribeiro - 08 de August de 2010 - 03:10
oi
Antonio Nunes - 12 de September de 2010 - 11:13
Parabens a todos pelo tutorial. - Isto, é o que se espera da Web (cultura; Diversão com aprendizado) enfim: alto nível. Porque o futuro é hoje e o amanhã resultado dele. Parabens!
Joao MP Junior - 18 de February de 2011 - 16:48
achei muitolegal o tutorial, mas da um erro..quando rodo...seguinte:
Cena=Cena 1, Camada=Camada 1, Quadro=1: Linha 136: A instrução deve estar dentro do identificador on/onClipEvent
radio_XML.isBlank = function() {
alguem ja corrigiu este erro?
RICARDO BASSMAN - 17 de February de 2012 - 18:04
AMNAH COMEÇO A TRABALHAR NESTE CÓDIGO E DIREI SE CONSEGUI OU NÃO ...ABÇS
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010