iMasters | Por uma internet mais criativa e dinâmica

• Dreamweaver

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 19 comentários

Quando inserimos um arquivo de áudio no site, podemos controlar na apresentação do próprio player: o volume de reprodução do áudio, quais partes do player ficarão visíveis, bem como o ponto inicial e final da música. O Dreamweaver controla esses parâmetros por meio de dois objetos: o Objeto Plugin e Objeto ActiveX.

Cada objeto chama um tipo específico de Player. O Objeto Plugin padrão chama o LiveAudio Plugin em um navegador Netscape ou o controle de Windows Media Player no Internet Explorer. Já se você chamar o Windows Media Player por um Objeto ActiveX, você poderá modificar vários parâmetros do Internet Explorer.

Incorporando o Objeto Plugin

01. Posicione o cursor aonde deseja que o painel de controle apareçe;
02. Insira o objeto plugin indo em: Menu Insert > Media > Plugin ou Barra Insert > Common > Media > Plugin

Figura 01 - Inserindo Objeto Plugin

03. Na caixa "Select file", escolha seu arquivo de áudio;
04. Você tem duas maneiras de redimencionar o marcador de lugar de seu plugin:
    a) clicando nas alças de redimencionamento e arrastando
    b) inserindo os valores W (witch) e H (height) no Inspetor Properties (por padrão utilize uma largura de 144 pixels e uma altura de 60 pixels.)

Resultado Plugin:

Incorporando ActiveX

O Windows Media Player é o player padrão do Internet Explorer. Você pode reproduzir por ele vários formatos de áudio, tais como MP3, AIFF, WAV , MIDI, etc... Quando você "chama" o Media Player por um Objeto ActiveX, você pode controlar, dentre outras coisas, sua largura, sua altura, loudness, número de loops etc...

01. Posicione o cursor aonde deseja que o painel de controle apareça;
02. Escolha Menu Insert > Media > ActiveX ou Barra Insert > Commom > Media > ActiveX (ver figura 01) ;
03. No Inspetor Properties, insira a ClassID: CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95

Figura 02 - inserindo ClassID

04. Ainda no Painel Properties em ID > mediaPlayer;
05. Em Base > http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701;
06. Clique no botão "Parameters..."

Figura 03 - inserindo Parâmetros

07. Insira o parâmetro FileName e, pressionando tab, insira seu valor (caminho do arquivo de audio) ;
08. Desse mesmo jeito você insere os demais parâmetros:

AutoStart > true ou false (determina se o som começa a reproduzir quando o download estiver completo) ;
PlayCount > número inteiro (o número de vezes que o arquivo deve repetir) ;
SelectionStart > número inteiro (determina o início do áudio em relação ao início do arquivo) ;
SelectionEnd > número inteiro (determina o fim do áudio em relação ao início do arquivo );
ShowControls > true ou false (mostra ou não o painel de controles) ;
ShowDisplay > true ou false (mostra ou não o painel de exibição) ;
Volume > número inteiro, sendo 0 mais alto e 10000 mais baixo (configura o volume do arquivo).

07. Clique OK quando terminar.

Não deixe de marcar a opção Embed pois o Netscape não reconhece a tag <object>. Ao fazer essa marcação o DW cria a tag <embed> em seu código , juntamente com a <object>. Código fonte do exemplo 2:

<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#
Version=5,1,52,701" name="exemplo"
width="200" height="100"
id="mediaPlayer">
<param name="FileName" value="ainda_lembro.mid">
<param name="autoStart" value="false">
<param name="showControls" value="true">
<param name="showDisplay" value="true">
<embed src="ainda_lembro.mid" width="200" height="100" autostart="false" filename="ainda_lembro.mid" showcontrols="true"></embed>
</object>

Resultado ActiveX:

Todos os artigos de Marcelo Oliveira

19 comentários publicados

• 1. som no dreamweaver

  Quarta-feira, 19/05/2004, por Fernando Vieira

  eu gostaria apenas colocar uma palavrinha na página e quando a pessoa clicar sair a pronúncia.
  Tem alguma materia sobre isso?
  obrigado

  Responder comentário

• 2. Video no DW.

  Sexta-feira, 21/05/2004, por cliff olvieira

  Olá, como essa matéria tem um poco haver com oque euquero fazer mas nao estou conseguindo e nem achando onde ensina fazer isso.
  quero colocar um video no DW mas com contrles de audio com a linha de tempo e tudo mais.. no windows media player mesmo...
  tem como fazer isso?

  Responder comentário

• 3. Som no dreamweaver

  Quinta-feira, 19/08/2004, por Rodrigo Santos

  Gostaria se fazendo esses passos o visitante consegue pegar o mp3 no meu site. Eu gostaria de fazer com que ele não consiga pegar esse mp3, com esses passos é possivel?

  Responder comentário

• 4. duvida

  Sexta-feira, 01/10/2004, por Nelson Batista Dos Santos Juni

  Boa tarde, primeiramente quero agradecer a ajuda de voces com esses " manual" muito bom, mas eu so estou com uma duvida em relação Não deixe de marcar a opção Embed pois o Netscape não reconhece a tag &lt;object&gt;. Ao fazer essa marcação o DW cria a tag &lt;embed&gt; em seu código , juntamente com a &lt;object&gt;. Código fonte do exemplo 2:
  Agradeceria uma resposta

  Responder comentário

• 5. duvida

  Quinta-feira, 28/10/2004, por Itamar

  Muito boa explicação, mas eu gostaria de saber se tem como colocar mais musicas para tocar. ao invez de só uma, como faço??

  Responder comentário

• 6. Duvida

  Terça-feira, 09/11/2004, por Salvador Miranda de Andrade

  Olá! Tenho a mesma duvida q nosso amigo Leandro Alves sobre como colocar varias musicas. E se tem tb a possibilidade d colocar o nome das musica. Muito Obrigado

  Responder comentário

• 7. duvida

  Quinta-feira, 09/12/2004, por karluso lima

  gostaria de saber o que deveria fazer para que o arquivo mp3 ficasse pequeno, sei lá com poucos kilobytes já que uma musica com 2 megas fica inviável para a net!?

  Responder comentário

• 8. Como deixar o controle invisivel

  Quarta-feira, 02/03/2005, por Sálvio Castro

  Gostei da matéria, mas gostaria q o controle nao aparecesse na pagina, como faço isso

  Responder comentário

• 9. duvida

  Terça-feira, 05/04/2005, por carlos sobral

  Olá! Tenho a mesma duvida q nosso amigo Leandro Alves sobre como colocar varias musicas. Porque tenho um site de uma banda.. e eu gostaria de colocar nossas musicas pa tocar com o pugin ...
  por favor me ajude
  dede ja agradeço

  Responder comentário

• 10. tocar emquanto faz download

  Sábado, 16/04/2005, por Fabio Barbosa

  Olá gostari que a musica tocasse enquanto estivesse fazendo downloads, tipo a radio virtual do terra. grato

  Responder comentário

• 11. Dúvida

  Segunda-feira, 11/07/2005, por Mariana D'Angelo

  Olá, gostaria de saber como faço, para inserir um botão, para que, quando eu deixar o controle invisivel, a pessoa possa clicar para parar o som. Agradeço muito se puder me ajudar. Obrigada

  Responder comentário

• 12. Musica no Dreamweaver

  Segunda-feira, 05/09/2005, por alex

  Marcelo
  Gostaria de saber se é possível inserir um fundo musical no Dreamweaver, como no Flash.
  Ou seja, enquanto o usuário estiver navegando toque uma música. Fui claro? Seria grato se puder ajudar.
  Obrigado
  Paulo

  Responder comentário

• 13. tempo de início e tempo restant da música,, Socorro me ajuda ai gente boa!!

  Sexta-feira, 25/11/2005, por Helton Fávaro Bom Fim

  Opa tudo jóia? gostei muito do seu artigo pois foi com ele que aprendi. Só me resto uma dúvida ! e se puder me ajudar eu serei muito grato... Gostaria de saber como faço pra colokar o tempo da música, pois ja inseri o plugin e activex, mas não consigo colokar o tempo da música...(tempo de íncio e o restante que falta)...
  
  
  aqui vai um exemplo:
  tem um link chamado
  "OUÇA PROGRAMA EM STREAMING" no site abaixo...
  http://musica.uol.com.br/podcast/2005/11/23/ult3194u8.jhtm
  note que tem as opções de controle tem também o activex, e embaixo o tempo do programa...isso que eu queria...
  
  Desde já te agradeço...
  
  meu email é ton_814@yahoo.com.br ou ton_814@hotmail.com
  
  Vlw camarada té mais e sucesso pra vc!!
  

  Responder comentário

• 14. Conseguii!!

  Sexta-feira, 25/11/2005, por Helton Fávaro Bom Fim

  opa consegui fazer o trem aparece aqui! mas mesmo assim obrigado... seu artigo foi de uma enorme ajuda pra mim e concerteza é pra todos que le ele. vlw mesmo...

  Responder comentário

• 15. Muito Bom! Tira uma dúvida minha?

  Quarta-feira, 13/06/2007, por rosi moreira

  Não consegui fazer aparecer no Activex as informações. Tudo que aparece é uma caixinha preta. E o PlayCount também não funcionou. Sou iniciante e uso o Macromedia 8. Pode me esclarecer o que aconteceu?!
  Olha adorei seu artigo!! Muito claro e preciso, foi muito útil pra mim! Vlw

  Responder comentário

• 16. Muito Bom! Tira uma dúvida minha?

  Quarta-feira, 13/06/2007, por rosi moreira

  Não consegui fazer aparecer no Activex as informações. Tudo que aparece é uma caixinha preta. E o PlayCount também não funcionou. Sou iniciante e uso o Macromedia 8. Pode me esclarecer o que aconteceu?!
  Olha adorei seu artigo!! Muito claro e preciso, foi muito útil pra mim! Vlw

  Responder comentário

• 17. exatamente o que eu precisava

  Quinta-feira, 12/07/2007, por Carlos Henrique Pedrosa

  Marcelo, usei o Activex com sucesso. Era exatamente o que eu precisava. Obrigado, Carlos

  Responder comentário

• 18. Não toca no servidor remoto

  Sexta-feira, 21/12/2007, por Afran contato

  Prezado amigo Marcelo,
  
  Coloquei o cód. fonte fornecido acima (apenas, troquei o endereço - e nome - do mp3, assim como, em autoStart coloquei true). No entanto, funcionou somente no teste abrindo o arquivo pelo IE local (no Dreamweaver ao clicar play não toca), mas qd envio o mesmo arquivo p/ o servidor remote q hospeda meu website: não ouço nada (apenas, visualizo o display).
  
  Obrigado, AFRAN.

  Responder comentário

• 19. o audio wav não está rodando em outro computador

  Quarta-feira, 20/08/2008, por AILTON ALVES DO PRADO PRADO

  Marcelo, segui a sua orientação acima, inseri o audio wav no site www.chacarabetania.com.br,feito no dreamweaver, após editado ficou com o tamanho de 800kb, está rodando no meu computador, windows home, porém não roda eu outros computadores, como proceder.

  Responder comentário

Sobre o autor

Marcelo Oliveira trabalha com Dreamweaver desde 1999, possui a formação Macromedia Dreamweaver Developer e coordena o DWMX.

Indique para um amigo

Tags relacionadas

desenvolvimento lançamento microsoft linux gerência photoshop publicidade tecnologia seguranca web youtube crescimento mobile google brasil celular 3g php yahoo ti iphone mercado apple internet windows design

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!