Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Aplicações Web+TV No Meo: Bernardo Cardoso

    Hochgeladen von

    lmiguel9
    9 Ansichten16 Seiten

    Originaltitel

    A943C930d01

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    9 Ansichten16 Seiten

    Aplicações Web+TV No Meo: Bernardo Cardoso

    Hochgeladen von

    lmiguel9

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 16

    Tuesday, December 2, 2008

    Aplicaes Web+TV no Meo


    > Bernardo Cardoso <
    IAD3 Televiso digital e servios IPTV

    Portugal Telecom Inovao, S.A.

    Plataforma do Meo

    Browser XHTML
    Standards Suportados pelo Browser Mediaroom
    X-HTML 1.0 Strict CSS1.0, CSS 2.1 ECMAScript (Javascript) DOM1, DOM2 AJAX (XMLHTTPRequest) Cookies (por sesso, no so persistentes)

    Formatos de Imagem Suportados


    GIF89a, JPEG, PNG (1 bit de transparncia, no suporta alpha channel)

    No Suportado
    Plug-ins, Java, ActiveX, Flash ou Silverlight

    Add-ons
    Scaled Video, Mosaicos, PIPs, Windows Media
    <a id="tv" class="tile" href="tune:1" accesskey="1"> <object class="tv" type="video/x-ms-iptv"> <param name="url" value="tune:1" /> <param name="ispip" value="0" /> <img src="tv.png" class="tvpng"/> </object> </a> url tune:<canal> mms://windowsmediaserver/file.wmv http://servidorweb/file.wmv

    Resolues
    Browser suporta basicamente 640x480 (4:3) e 854x480 (16:9) e faz uma adaptao best fit
    640x480 (4:3) Clienteem4:3 748x480 (14:9) 854x480 (16:9)

    Clienteem16:9

    Resolues
    A informao do modo do cliente vai numa header
    Mododocliente SD4:3 SD16:9 720p 1080i Header UAWindowPixels:640x480 UAWindowPixels:854x480 UAWindowPixels:854x480 UAWindowPixels:854x480

    A adaptao feita com CSS


    <html style="width:854px; height: 480px;"> <html class="tvWide"> .tvWide { width: 854px; height: 480px; } window.external.pageColor = hexValue | colorString;

    Input
    O input feito unicamente atravs de um telecomando
    <body onkeypress="onRemoteEvent(window.event.keyCode)"> </body> function onRemoteEvent(keyChar) { switch (keyChar) { case 0x30: . } }

    Dicas para o Browser


    Verificar que todas as pginas so XHTML vlido
    http://validator.w3.org/

    Usar posicionamento fixed ou absolute sempre que possvel No incluir informao de estilos em cada elemento e tentar consolidar os atributos das classes Colocar os estilos e atributos em ficheiros .css Usar poucas imagens e s quando absolutamente necessrio, no usar uma imagem grande quando um padro funcionar igualmente bem

    Dicas para o Browser


    Em ECMAScript no iterar no DOM repetidamente, guardar referncias para os objectos encontrados em variveis sempre que possvel Usar CSS e no ECMAScript para rollovers Evitar ao mximo animaes nas transies Colocar o ECMAScript em ficheiros .js Criar ECMAScript o mais reduzido e eficiente possvel

    Dicas para o Browser


    <object id="loadArea" type="text/html" data=dados.html> </object> domElement.style = "font: 12px; background-color: blue"; domElement.setAttribute("style", "font: 12px; background-color: blue"); domElement.style.fontSize = "12px"; domElement.style.backgroundColor = "blue"; domElement.class = "read"; .innerText; .innerHTML function AppendText(element, textToAdd) { var p = document.createElement("p"); p.appendChild(document.createTextNode(textToAdd + " ")); element.appendChild(p); }

    Dicas para TV
    As televises CRT, Plasmas e LCDs fazem overscan e cortam parte da imagem, deixar margem de segurana A TV v-se a alguma distncia, usar texto o maior possvel, evitar tamanhos inferiores a 16/18 Evitar linhas de apenas 1 pixel, em CRTs causam flicker As cores na TV resultam diferente do que no PC, testar em vrias TVs Usar cores bem contrastadas para melhorar a legibilidade Verificar que os itens so facilmente acessveis com um telecomando

    Especial para o Concurso


    EPG
    http://services.sapo.pt/Metadata/Service/EPG GetChannelByDateInterval GetChannelDetail GetChannelList GetChannelListByDateInterval GetMeoChannelListByCommercialOfferId GetMeoCommercialOffers GetProgramById GetProgramListByChannelDateInterval

    Q&A

    Obrigado

    Das könnte Ihnen auch gefallen