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.

[editar] 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

[editar] Vídeo

[editar] 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>

[editar] 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

[editar] Áudio

[editar] 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>

[editar] 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.

[editar] Entendendo os parâmetros

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

[editar] 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

[editar] Parâmetros do embed

src

url da mídia

[editar] Parâmetros do object

filename

url da mídia

[editar] 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