Home Importante! História Tutorial HTML Glossário Faqs Buscadores Sinapse
Fóruns ASCII Cores JavaScript CSS Links Novidades Browsers Conclusão
  T u t o r i a l   D H T M L / C S S   E d a u r e l i o
            2 0 0 -  2 0 0 4

Multimídia
BGSOUND
EMBED
NOEMBED

 

<BGSOUND atributo>

Você já entrou num site com fundo musical? A música parece dar um colorido especial às coisas. Na Internet também é assim. Existe um comando chamado BGSOUND que executa um arquivo de som, exclusivo do Internet Explorer, assim que a página é acessada. Uma vez iniciada a execução do som, pode-se interrompê-la pressionando Esc ou simplesmente mudando de página.

Como exemplo configurei esta página com um fundo sonoro, um arquivo chamado entrada.mid que deve ser colocado entre as tags <HEAD>...</HEAD>. A sintaxe é bem simples:

<BGSOUND SRC="audio/entrada.mid" LOOP="1">

ATRIBUTOS:

SRC="URL"
Especifica o endereço do arquivo de som. No exemplo acima o meu arquivo mid está dentro do diretório chamado "audio".

LOOP="número | infinite"
"número" Determina quantas vezes o arquivo será executado, infinite executa o arquivo indefinidamente.

Outro recurso interessante é o comando meta que possibilita um controle melhor sobre o tempo de execução do arquivo de áudio. A seguir outro exemplo, agora com apresentação desse recurso.

Sintaxe:

<HTML>
<HEAD>
<TITLE>Perereca</TITLE>
</HEAD>
<BODY bgcolor="#000000">
<CENTER><img src="../imagens/perereca.jpg" border="0"></a></CENTER>
<META HTTP-EQUIV="refresh" content="5; url=audio/arow00af.wav">
</BODY>
</HTML>
 

 

USANDO O COMANDO IMG PARA INSERIR VÍDEOS

Dentro do comando IMG existe um parâmetro muito usado para se inserir clipe de vídeo na homepage. É o DYNSRC, abreviatura de Dynamic Source.

Sintaxe:

<center>
<img dynsrc="imagens/search.avi" width=100 height=70 loop=infinite>
</center>

No exemplo acima temos dynsrc que exibe o arquivo search.avi numa janela de 100 x 70 pixels com uma repetição infinita (loop=infinite).

ATRIBUTOS:

ALIGN=top, middle, bottom, left, right
Alinha o texto que margeia a imagem pelo topo, meio, base, esquerda e direita, respectivamente.

ALT="texto"
Exibe um texto alternativo no lugar da imagem.

BORDER=número
Especifica a largura da borda.

CONTROLS
Exibe botões de controle sob a imagem.

DYNSRC="URL"
Exibe o arquivo de vídeo. Os formatos de arquivo são avi, mpg e mov.

HEIGHT=número
Determina a altura da janela que será aberta para exibir o arquivo.

HSPACE=número
Especifica uma margem horizontal entre a imagem e o texto.

LOOP=número, infinite
Especifica quantas vezes o arquivo será exibido.

SRC=endereço
Especifica o endereço do arquivo de vídeo.

START=fileopen / mouseover
Fileopen (default), especifica que o vídeo deve ser executado imediatamente. Mouseover faz com que o vídeo seja executado somente quando o cursor do mouse passa sobre a área da imagem.

VSPACE=número
Especifica uma margem vertical entre a imagem e o texto.

WIDHT=número
Determina a largura da janela que será aberta para exibir o arquivo.

Agora vamos testar mais alguns parâmetros de configuração sobre o mesmo arquivo search.avi:

Sintaxe:

<center>
<img dynsrc="imagens/search.avi" border=2 start=mouseover alt="Lanterna do Windows">
</center>

Lanterna do Windows

O parâmetro border=2 criou uma borda preta em torno da imagem; start=mouseover faz a imagem se movimentar quando o cursor do mouse é passado sobre ela, o alt="Lanterna do Windows" apresenta uma janelinha com o nome "Lanterna do Windows", quando a imagem, por uma razão qualquer, deixa de ser carregada.

O parâmetro controls não consegui faze-lo funcionar. Que pena!! Ele parece ser interessante... Alguém tem alguma dica sobre este parâmetro?

 

<EMBED atributos> ... </EMBED>

Executa ou carrega um objeto, como um vídeo ou arquivo de som.

ATRIBUTOS:

ALIGN="left", "right", "top", "bottom"
Alinha o texto à esquerda, direita, topo e base, respectivamente.

BORDER="número"
Insere e determina a espessura de uma borda em torno do applet.

FRAMEBORDER="no"
Configura uma moldura sem borda.

HEIGHT="número"
Determina a altura da janela em pixels.

HIDDEN="true", "false"
Determina se o plug-in é visível na página.

HSPACE="número"
Especifica as bordas horizontais.

NAME="texto"
Especifica o nome do applet.

PALLETE="foreground", "background"
Só é usado na plataforma Windows. Foreground faz a paleta do plug-in ser a paleta de primeiro plano. Background a do segundo plano.

PLUGINSPACE="endereço"
Especifica o endereço que contém as instruções para a instalação do plug-in.

VSPACE="número"
Especifica as bordas verticais.

TYPE="mimetype"
Determina o tipo de MIME da tag embed deve ser carregado.

WIDTH="número"
Determina a largura da janela em pixels.

Sintaxe:

<center>
<embed src="imagens/search.avi" width="200" height="200">
Este texto está alinhado no topo.
</embed>
</center>

Este texto está alinhado no topo.

 

<NOEMBED> ... </NOEMBED>

Este comando exibe uma mensagem informando que o browser usado não tem capacidade para exibir o objeto. A mensagem deve ser inserida entre <noembed> e </noembed>.

 

Home Importante! História Tutorial HTML Glossário Faqs Buscadores Sinapse
Fóruns ASCII Cores JavaScript CSS Links Novidades Browsers Conclusão
© Free Copyright - edaurelio@hotmail.com - Arquivo atualizado em 28/08/04