De TeHospedia

Um das formas de anúncio de Streaming é embutir um player do Windows Media Player em seu site.

Nesse artigo procuramos colocar dois exemplos simples colocar o Windows Media Player embarcado (embedded) dentro de seu site: um de áudio e outro de vídeo. A TeHospedo, porém, não buscará explicar extensamente como fazer ajustes finos. Colocamos algumas sugestões de bibliografia a consultar.

Pontos a observar

• A diferença entre embarcar um vídeo e um áudio é basicamente o tamanho em pixels do plugin. No resto é idêntico.
• Isso já é usado no Flash, por exemplo, mas não custa ressaltar, o Internet Explorer lê a tag <object></object> e dentro dele os pâmetros ficam dentro de uma tag para cada parâmetro chamada <param />. Já Firefox lê a tag <embed /> e os parâmetros são atributos da tag. Para que ambos funcionem deve se colocar ambas as tags, o embed fica dentro do object.
• Para vídeo o tamanho em pixels do plugin deve sempre ser baseado na largura do vídeo, a altura deve ser ajustada para que todos os controles apareçam

Vídeo

Código

<object id="mediaPlayer" 
    width="320" 
    height="400"
    classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
    codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,0902"
    standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
    <param name="fileName" value="mms://wms.tehospedo.com.br/tehospedo.com.br/tehospedo.wmv">
    <param name="animationatStart" value="1">
    <param name="transparentatStart" value="0">
    <param name="autoStart" value="1">
    <param name="ShowControls" value="1">
    <param name="ShowDisplay" value="1">
    <param name="ShowStatusBar" value="1">
    <param name="loop" value="0">
    
    <embed 
    type="application/x-mplayer2" 
    pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
    id="mediaPlayer" 
    name="mediaPlayer" 
    displaysize="4" 
    autosize="0"
    bgcolor="darkblue" 
    showcontrols="1" 
    showtracker="1"
    showdisplay="1" 
    showstatusbar="1" 
    videoborder3d="0" 
    width="320" 
    height="400"
    src="mms://wms.tehospedo.com.br/tehospedo.com.br/tehospedo.wmv" 
    autostart="1" 
    designtimesp="5311" 
    loop="0">
    </embed>
</object>

Exemplo

O exemplo abaixo está executando um vídeo dentro do servidor de Streaming da TeHospedo com o seguinte link: mms://wms.tehospedo.com.br/tehospedo.com.br/tehospedo.wmv

Áudio

Código

<object id="mediaPlayer" 
    width="320" 
    height="140"
    classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
    codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,0902"
    standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
    <param name="fileName" value="mms://wms.tehospedo.com.br/tehospedo.com.br/tehospedo.wma">
    <param name="animationatStart" value="1">
    <param name="transparentatStart" value="1">
    <param name="autoStart" value="0">
    <param name="ShowControls" value="1">
    <param name="ShowDisplay" value="1">
    <param name="ShowStatusBar" value="1">
    <param name="loop" value="0">
    
    <embed 
    type="application/x-mplayer2" 
    pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
    id="mediaPlayer" 
    name="mediaPlayer" 
    displaysize="4" 
    autosize="0"
    bgcolor="darkblue" 
    showcontrols="1" 
    showtracker="1"
    showdisplay="1" 
    showstatusbar="1" 
    videoborder3d="0" 
    width="320" 
    height="140"
    src="mms://wms.tehospedo.com.br/tehospedo.com.br/tehospedo.wma" 
    autostart="0" 
    designtimesp="5311" 
    loop="0">
    </embed>
</object>

Exemplo

O exemplo abaixo está executando um áudio dentro do servidor de Streaming da TeHospedo com o seguinte link: mms://wms.tehospedo.com.br/tehospedo.com.br/tehospedo.wma.

O áudio está parado por padrão, clique em play para executar.

Entendendo os parâmetros

Abaixo explicamos os parâmetros mais importantes. Os demais podem ser consultados na documentação da Microsoft

Parâmetros comuns no embed e object

showcontrols

exibe (valor 1) ou esconde (valor 0) os controles de play, stop, pause, etc

autostart

inicia automaticamente (valor 1) ou não (valor 0) a execução

loop

executa loop infinito (valor 1) ou não (valor 0)

width

largura em pixels do objeto

height

altura em pixels do objeto

Parâmetros do embed

src

url da mídia

Parâmetros do object

filename

url da mídia

Links Externos

• Microsoft MSDN - páginas da Microsoft, não esquecer que o código deles não tem a tag <EMBED>, necessária para o Firefox.
• Embedding Windows Media® Player - ótima fonte de referência com exemplos
• Full Step-By-Step Guide: Embedded Windows Media in Firefox - referência de como instalar plugin no Firefox