Quarta-feira, 05 de maio de 2004 às 01h59

Áudio no Dreamweaver

Faltam -1 dias! Inscreva-se agora! O maior encontro de profissionais web da américa latina.

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

Inserindo Objeto 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

inserindo ClassID
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..."

inserindo Parâmetros
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:


20 comentários

 Fernando Vieira
19/05/2004 19h03

som no dreamweaver

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

 cliff olvieira
21/05/2004 18h56

Video no DW.

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?

 Rodrigo Santos
19/08/2004 11h39

Som no dreamweaver

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?

 Nelson Batista Dos Santos Juni
01/10/2004 15h25

duvida

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

 Itamar Mariano
28/10/2004 18h27

duvida

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??

 Salvador Miranda de Andrade
09/11/2004 00h08

Duvida

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

 karluso lima
09/12/2004 02h00

duvida

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!?

 Sálvio Castro
02/03/2005 11h23

Como deixar o controle invisivel

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

 carlos sobral
05/04/2005 15h11

duvida

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

 Fabio Barbosa
16/04/2005 21h32

tocar emquanto faz download

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

 Mariana D'Angelo
11/07/2005 15h47

Dúvida

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

 alex
05/09/2005 16h26

Musica no Dreamweaver

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

 Helton Fávaro Bom Fim
25/11/2005 19h29

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

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!!

 Helton Fávaro Bom Fim
25/11/2005 23h17

Conseguii!!

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...

 rosi moreira
13/06/2007 12h40

Muito Bom! Tira uma dúvida minha?

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

 rosi moreira
13/06/2007 12h40

Muito Bom! Tira uma dúvida minha?

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

 Carlos Henrique Pedrosa
12/07/2007 09h12

exatamente o que eu precisava

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

 Afran contato
21/12/2007 16h17

Não toca no servidor remoto

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.

 AILTON ALVES DO PRADO PRADO
20/08/2008 11h53

o audio wav não está rodando em outro computador

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.

 Rangel Sousa
18/09/2009 18h05

ADOREI, APRENDI MESMO.

Gostaria de saber como colocar mais de uma música nesse plugin activex?

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


Patrocínio:
Sobre o Autor
Marcelo Oliveira trabalha com Dreamweaver desde 1999, possui a formação Macromedia Dreamweaver Developer e coordena o DWMX.
InterCon 2009

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.