Publicaci i distribuci de vdeo

PLATAFORMES DE PUBLICACI I DISTRIBUCI: PAC 2

Jordi Llonch Esteve | CC BY-NC-SA

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

ndex
Exercici 1 ................................................................................................................... 2 Activitat 1.1.............................................................................................................. 2 Activitat 1.2 ............................................................................................................. 4 Activitat 1.3 ............................................................................................................. 4 Exercici 2 .................................................................................................................. 5 Activitat 2.1 ............................................................................................................. 5 Activitat 2.2 ............................................................................................................ 7 Activitat 2.3 ............................................................................................................ 7 Activitat 2.4 ............................................................................................................ 8 Activitat 2.5 ............................................................................................................ 8 Activitat 2.6 ............................................................................................................ 9 Bibliografia i altres recursos ............................................................................... 10

JORDI LLONCH ESTEVE

CC BY-NC-SA

PGINA 1/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

Exercici 1
Com a primer punt ens agradaria publicar un vdeo a la nostra web, per com el nostre pressupost s redut i no volem dependre de cap servei extern optarem per publicar el vdeo directament des del servidor web inserint el nostre vdeo al fitxer .html. Per a realitzar-ho utilitzarem el llenguatge HTML5, el qual ens permet incrustar vdeos directament en la web en diversos formats.

ACTIVITAT 1.1

Descarrega el vdeo que volem publicar bunny_PEC2.avi (https://docs.google.com/file/d/0B8Ky_duWfaWaWkFYSlpoTnNraWM/ed it). Codifica el vdeo triant la resoluci i format que creguis adients per a la seva publicaci en web. Per a codificar el vdeo pot aplicar-se Avidemux o qualsevol altre aplicaci de codificaci amb la qual et sentis cmode. Explica les decisions preses en la codificaci i el perqu de cadascuna. Considero que les propietats de qualsevol vdeo per a la seva difusi per Internet shan de mantenir el ms elevades possible per a poder transmetre una sensaci de qualitat elevada. Tot i aix, les limitacions de la xarxa i les lentes connexions presents a la majoria de pasos impliquen que els desenvolupadors web hagin de comprometre qualitat visual per a poder disposar dimmediatesa en la transmissi dels continguts audiovisuals. Per aix, en aquesta activitat, he decidit (desprs de realitzar vries proves) mantenir la resoluci de 1920 x 1080 del clip original i reduir-ne la resta de propietats. A la segent taula es mostren les diferncies entre les caracterstiques del fitxer original i del codificat. Original Resoluci Transmissi de dades mitjana de vdeo Transmissi de dades mitjana dudio Canals dudio Mida de larxiu 1920 x 1080 63.552 kbps 448 kbps 5 19,70 MB Codificat 1920 x 1080 1.534 kbps 128 kbps 2 5,76 MB

JORDI LLONCH ESTEVE

CC BY-NC-SA

PGINA 2/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

Lelecci de mantenir les mateixes dimensions recau en la qualitat visual. La majoria de pantalles dordinadors davui dia disposen de resolucions FullHD o superiors, amb la qual cosa s de vital importncia mantenir el mxim nombre de pxels en un vdeo si volem aprofitar cadascun dels pxels duna pantalla en visualitzar el contingut a pantalla completa. La reducci drstica de la transmissi de dades (bit rate) de vdeo permet reduir la mida del fitxer final en un factor de 3 a 1 sense comprometre gaire la qualitat visual. En tractar-se dun vdeo amb plans fixes i amb laparici del mateix color en grans rees de cada fotograma, la reducci del nombre de bits de cada fotograma no afecta a la qualitat visual general. A ms, lelecci dun bit rate variable amb una taxa mitjana de 1.500 kbps, un GOP variable dentre 0 i 150, i un mxim de 2 imatges B consecutives saconsegueix reduir el nombre de dades necessries per a mantenir uns cels homogenis sense prdua aparent de qualitat, alhora que es mantenen els petits detalls, com ara els pls de lesquirol o les fulles del bosc. En tractar-se dun vdeo per a ser projectat en cinemes o en ambients amb 5 canals de so (com ara televisions amb sistema de so envolupant), sha pogut reduir aquest nombre a noms dos canals i sha baixat la transmissi de dades dudio a 128 kbps per a aprofitar els sistemes dudio dels ordinadors, que solen disposar de dos altaveus de poca qualitat. A continuaci es mostra la imatge diferncia dun fotograma original i codificat.

Original

Codificat

Diferncia
JORDI LLONCH ESTEVE CC BY-NC-SA PGINA 3/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

ACTIVITAT 1.2

Crea la web. Genera un fitxer .html mitjanant un editor de text i incrusta el vdeo en el seu interior usant el tag <video> d'HTML5. Visualitza la web en el teu navegador. Tingues en compte que no tots els navegadors suporten HTML5. Per exemple, pots utilitzar Google Chrome. Quines caracterstiques es poden destacar de la publicaci i visualitzaci d'aquest vdeo sobre una web? El codi de la pgina web s el segent:
<!DOCTYPE html> <html> <head> <style> video { width: 1280px; height: 720px; border: 1px solid black; } .video-container { display: inline-block; text-align: center; } p { font: 14px Arial; } </style> </head> <body> <div class="video-container"> <p>Vdeo codificat</p> <video poster="http://www.html5rocks.com/en/tutorials/video/basics/star.png" controls> <source src="codificat.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> </video> </div> </body> </html>

El gran avantatge de ls dHTML5 per a publicar vdeo s no haver de carregar de manera parallela un reproductor extern al clip de vdeo, reduint aix el trnsit de dades i alliberant ample de banda tant al servidor com al client. A ms, existeixen altres avantatges, com ara la facilitat dimplementaci de fitxers audiovisuals; la possibilitat de modificar els controls de la reproducci mitjanant JavaScript o ls de cdecs no propietaris.
ACTIVITAT 1.3

Publica el fitxer .html i el vdeo en un servidor web. http://www.publicacio.zz.mu/

JORDI LLONCH ESTEVE CC BY-NC-SA PGINA 4/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

Exercici 2
La publicaci dun streaming de vdeo en directe t caracterstiques i tecnologies completament diferents al cas anterior, on es treballa sobre un fitxer de vdeo predefinit. Per a conixer els conceptes bsics de gesti de lstreaming, realitzarem una emissi contra un provedor de streaming a Internet.

ACTIVITAT 2.1

Canvia la velocitat de quadre de 30 a 25 fps, aquesta s una herncia del seu origen nord-americ i un luxe per a una emissi en streaming. Quina codificaci i bitrate de vdeo recomana Ustream per treballar? Quin ample de banda ser necessari per a la transmissi amb aquesta configuraci? Adjunta una captura de pantalla amb aquesta configuraci. Per comenar, he fet una anlisi de la meva connexi a Internet i he pogut comprovar que la velocitat de pujada mxima s de noms 0,72 Mb/s, amplada de banda que no sha de superar si volem mantenir la transmissi estable.

Segons Ustream, tant lamplada de banda de pujada disponible com la sortida del codificador varien amb el temps, per la qual cosa recomanen escollir un bit rate de codificaci no superior a la meitat de lamplada de banda de pujada disponible.

JORDI LLONCH ESTEVE

CC BY-NC-SA

PGINA 5/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

Ustream recomana una velocitat de 30 quadres per segon com a mxim, intentant escollir sempre el nombre que iguali els fotogrames per segon de la font de vdeo. En una primera transmissi nhe utilitzat 30 i he obtingut un ample de banda de 338 kbps de mitjana, com mostra la imatge segent.

En una segona transmissi, he redut el nombre de fotogrames per segon a 25, obtenint un ample de banda mitj de 319 kbps.

Veiem, doncs, que si shan de transmetre menys imatges per segon, lamplada de banda requerida disminuir.
JORDI LLONCH ESTEVE CC BY-NC-SA PGINA 6/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

ACTIVITAT 2.2

Inicia lemissi. Accedeix al canal des dun altre navegador (que no sigui el mateix: per exemple usa Firefox en lloc dExplorer o viceversa). Lideal en aquest punt i els segents s que una persona des duna altra connexi dInternet pugui narrar la qualitat que rep. Per qu? A lobrir dues sessions demissi en directe des de la mateixa connexi he patit una srie de problemes que han fet que la retransmissi no fos gens agradable ni fcil de seguir. A causa de la reduda velocitat de pujada disponible al meu punt de connexi, la retransmissi al primer navegador ha sofert un retard de 13 segons amb respecte a lemissi. Llavors, en obrir el segon navegador, aquest ha patit un altre retard de 6 segons ms, amb la qual cosa shan generat dues transmissions amb retard separades entre elles per 7 segons i entre la font emissora de 13 i 19 segons, respectivament. De tota manera, haig de comentar que en cap moment hi ha hagut prdues de qualitat o reducci de fotogrames, ja que he adaptat la taxa de bits de la retransmissi a lamplada de banda disponible a la meva xarxa.

ACTIVITAT 2.3

Explica la informaci que FMLE subministra en la finestra de codificaci sota la solapa ENCODING. Realitza una captura de pantalla mentre codifica.

La finestra de codificaci mostra la mateixa informaci dividida en dues etapes temporals: lactual i la mitjana de la transmissi.

JORDI LLONCH ESTEVE

CC BY-NC-SA

PGINA 7/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

La primera fila de cadascuna daquestes etapes mostra informaci de ludio i la segona i segents, informaci del vdeo o vdeos, en cas que es transmetin ms dun canal de vdeo (per exemple amb diferents qualitats). La informaci de la transmissi dudio i vdeo inclou dates com ara la duraci de la retransmissi, la taxa de dades de cada flux, els fotogrames dentrada i sortida, alhora com els fotogrames perduts durant la retransmissi.

ACTIVITAT 2.4

Modifica el bit rate augmentant-lo fins a comenar a tenir problemes amb la transmissi. En quin bit rate han comenat els problemes? En aquest cas he anat augmentant la taxa de transmissi fins arribar a 1200 kbps, on la transmissi saturava cada 2 segons per a poder carregar en memria cau les dades que senviaven des del meu ordinador al servidor dUstream. He quedat sorprs de lelevada taxa que he hagut descollir fins a comenar a sofrir talls a lemissi, partint de lexplicaci que he dut a terme a lactivitat 2.1.

ACTIVITAT 2.5

Seguint la situaci de problemes de lactivitat anterior, en la part dreta del FMLE activa lopci AUTO ADJUST i tria DROP FRAMES (descartar fotogrames) com a soluci parcial del problema. Millora el resultat? Selecciona DEGRADE QUALITY. Millora el resultat? Quina relaci ha dhaver-hi entre els perfils i nivells dH.264 i aquesta ltima opci? En el cas de lopci Descartar fotogrames, lAdobe Flash Media Live Encoder descarta alguns fotogrames de la memria cau de la transmissi fins que aquesta no sobrepassa el lmit necessari per a ser transmesa. A la prctica, aix suposa que la transmissi en directe pateix algunes aturades i salts en el temps, ja que se sacrifica la transmissi de tots els fotogrames per a no patir aturades ms llargues. En el cas de Degradar qualitat, el programa redueix automticament la taxa de transmissi per adaptar-se a la memria cau de la transmissi RTMP. Un cop aquesta memria cau sha omplert, el programa retorna a la taxa de transmissi establerta manualment i la mant fins a necessitar reduir-la de nou. Respecte als perfils, aquests poden ser baseline o main. El perfil baseline (lnia de base) se sol utilitzar per a videoconferncies, aplicacions mbils o qualsevol altra aplicaci que disposi de capacitats de processament, de capacitat i damplada de banda redudes. En canvi, el perfil main (principal) sutilitza per a emissions professionals, com ara les retransmissions que duen a terme les cadenes de televisi, ja que requereix un 1,5% ms de capacitat de processament que el perfil de lnia de base.
JORDI LLONCH ESTEVE CC BY-NC-SA PGINA 8/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

La taula segent mostra la relaci que hi ha entre els nivells dH.264 i les propietats que admeten cadascun dells. Tipus Definici estndard Definici estndard Alta definici Alta definici Nivell 1.3 3 3.1 5.1 Resoluci mxima (amplada x alada) 352 x 288 720 x 576 1280 x 720 1920 x 1088 Velocitat de quadres (fotogrames per segon) 30 fps 25 fps 30 fps 120.5 fps

De la seva interpretaci podem observar que per a una transmissi com la requerida per aquesta activitat i tenint en compte les limitacions de la meva connexi, nhi ha prou amb escollir una definici estndard a 720 x 576 pxels amb un nivell de 3 i una velocitat de 25 fotogrames per segon.

ACTIVITAT 2.6

Si posseeixes un mbil Android, un iPhone o similar pots descarregar laplicaci que subministra Ustream per visualitzar emissions en directe. Aquesta aplicaci s gratuta i est disponible des de Google Play o lApp Store. Han variat la grandria de la imatge o els fotogrames per segon? Per qu? Desprs dinstallar laplicaci per a telfons Android i utilitzar-la per a accedir al meu canal he comprovat que el nombre de fotogrames per segon sha mantingut inalterat,, per la transmissi ha sofert una nova compressi per a adaptar-se a les capacitats de la xarxa mbil. A continuaci mostro dues captures de la transmissi descriptori i mbil que confirmen aquesta compressi a simple vista.

Escriptori

Mbil

JORDI LLONCH ESTEVE

CC BY-NC-SA

PGINA 9/10

PLATAFORMES DE PUBLICACI I DISTRIBUCI

PAC 2: Publicaci i distribuci de vdeo

Bibliografia i altres recursos

Ribelles Garca, Alexandre. (2013). Plataformes de publicaci i distribuci. FUOC. Ustream. Support Center. https://ustream.zendesk.com/home [data de consulta: abril 2013] Adobe. Flash Media Live Encoder 3.2 / Preguntas http://www.adobe.com/es/products/flash-media-encoder/faq.html consulta: abril 2013] freqentes. [data de

La imatge de la portada s de Stefan Bumbeck (CC BY 3.0) i el logotip de la UOC s propietat de la Universitat Oberta de Catalunya. La resta dimatges sn propietat dUstream, de producci prpia o variacions dun fotograma del vdeo Big Buck Bunny, propietat de la Blender Foundation i sacullen al dret a cita o s raonable.

JORDI LLONCH ESTEVE

CC BY-NC-SA

PGINA 10/10