Ambassing

1. UF2 – GESTIÓ DE WEB
MULTIMÈDIA - VÍDEO
Mòdul 8 – Aplicacions web

2. Introducció
Conjunt d’imatges que reproduïdes en seqüència i a una
determinada velocitat dona la sensació a l’ull humà que hi ha
moviment.
2005: Aparició de Google Vídeo i Youtube.
2006: Google compra Youtube per 1300 millons d’€.
2009: Google abandona Google Vídeo (migració).
2011: Google compra Piknic i l’integra a PicasaWeb i G+.
Web 2.0 permet que els usuaris opinin, contestin, incrustin, un
vídeo. També permet tenir una pàgina d’inici personalitzada,
subscriure’s a un canal, editar vídeos, etc.
Producte difícil de comercialitzar. Deficitari durant molts anys. Les
mashups que integren el producte (MyStrand.tv i mobuzz.tv)
acaben desapareixent.

3. Compressió i còdecs de Video
Hi ha programes gratuits que permeten conéixer el códec amb que s’ha comprimit el video, com per exemple
Gspot (instalable des de http://www.headbands.com/gspot)
Convé tenir en compte que els arxius de video inclouen informació sobre les pistes d’àudio, així com del procés
de sincronització entre la imatge i el so. Per tant al realitzar la compressió cal no perdre aquesta sincronització.
Et mostrem quins són els còdecs més importants per video:
• AVI (Audio Video Interleave): és el format més utlitzat. Conté imatges de video i so intercalats
juntament amb la info de control que permet reproduir-ho a la mateixa velocitat d’enregistrament. Genera
arxius inmensos.
• WMF (Windows Media Format): format comprimit fet per Microsoft, i proporcionat amb el Windows.
• ASF (Advanced Streaming Format): és un contenidor multimèdia d'àudio i vídeo digital (encapsula i
encripta qualsevol format multimèdia) propietat de Microsoft, dissenyat especialment per a streaming. El
format no especifica com ha de ser codificat el video o audio, sinó que especifica l'estructura del fluxe de
video/audio. Els arxius ASF puguin codificar-se amb pràcticament qualsevol codec d'audio/video sense
que deixi de ser format ASF. Els tipus d'arxiu més comuns contingus a un arxiu ASF són Windows Media
Audio (WMA) i Windows Media Video (WMV).
• MPEG (Motion Picture Experts Group): no es tracta ben bé d’un format de video, sinò d’un algoritme de
compressió.
• DivX (Digital Video Express): foru desenvolupat per la industria del cinema per crear serveis de VoD
(Video On Demand, Video comercialitzat per inet). És un dels més utilitzats. (XDivX el succee
• OGM Vorbis: format que utilitza la compresió DivX o xDiv pel vídeo i la OGG per àudio. Les darreres
versions soporten streaming.

4. Compressió i còdecs de Video

5. Visors de vídeo
Per tal de reproduir un arxiu de vídeo digital però sense poder
modificar-lo des de un ordinador, tablet, o mòbil. Per tal de que
acceptin altres formats que no són els propis, es poden instal·lar altres
còdecs, per augmentar els seves prestacions. Els més importants són:
• Windows Media Player: de Microsoft, ve inclòs en el sistema
operatiu.
• QuickTime: d’Apple, ve amb S. O. MacOS. També existeis la
versió per Windows.
• Totem: reproductor de codi obert, present a les distribucions
de GNU/Linux.
• Mplayer: molt utilitzat en entrons GNU /Linux, permet
reproduir un arxiu en local o remot. Existeix una versió per
MacOS (MplayerOSX)

6. Editors de Vídeo
En el cas que es vulgui modificar un arxiu de vídeo, haurem d’emprar un programa
especial que obri l’algorisme utilitzat per codificar els diferents formats tant de imatge
com de so. En tots els sistemes operatius s’inclouen aplicacions per editar més d’un
tipus d’arxiu d’imatge. Des de Windows tenim el Movie Maker, mentre que des de
Ubuntu o Linux hi ha diverses eines.
Aplicació Adreça
Avidemux http://fixounet.free.fr/avidemux/
Open Movie Editor http://www.openmovieeditor.org/
Kino http://www.kinodv.org/

7. Pràctiques de Video: na9_uf2
Aplicacions Web
per a la gestió de Video

8. Material
Baixa’t 3 fragments de video de 5s de durada de la plataforma de vimeo
que siguin CreativeCommons. Si són més llargs ja els tallaràs a l’edició.
Crea amb el teu mòbil 10 fotos d’una placa mare.
Filma 2,3,4 presentacions amb el mòbil o un portàtil.
Pots editar els videos amb les tres aplicacions de video online donades,
o unes altres buscades per tu. El resultat han de ser els 3 links dels 3
videos acabats, lliurats a l’apartat de Text en línia de la pràctica.

9. Spark - Editor
https://spark.adobe.com/
T’has de logar amb el teu usuari google i accedir al teu canal.
Afegir els 3 fragments de video, tallar-los fins que durin 5s cadascun d’ells.
Posa les transicions per tall.
Insereix al ppi el títol sobreimposat des de la mateixa aplicación
Afegeix al final uns crèdits amb el teu nom.
Afegeix una música de fons aprofitant alguna que el youtube et deixi afegir.
Genera l’arxiu de video (p_video_1_nomalumne.*). Queda’t amb el link del video allotjat al teu canal.

10. WeVideo
https://www.wevideo.com/
Video-presentació col·laborativa.
En grups de 2, 3, o 4 persones enregistreu-vos presentant-vos a vosaltres mateixos i destacant
dos trets positius del vostre carácter.
Editeu el video afegint música de fons i crèdits amb els components del grup.
Tothom ha de sortir al video.
Completa l’edició i genera l’arxiu de video. Dscarrega’l o guarda l’enllaç segons s’escaigui a
l’app.
El video no ha de durar més de 20 segons.
Genera l’arxiu de video final (p_video_2_nomalumne.mp4). Queda’t amb el link i baixa’l en mp4.

11. Clipchamp
https://app.clipchamp.com/login
A partir de 10 fotos d’una placa base d’un ordinador fetes per tu, fes una explicació dels diferents mòduls que
configuren aquesta part de l’ordinador.
Intenta enumerar el tíítol del video amb la teva veu, i que soni simultàniament mentre es mostra un rètol amb el títol del
video
Afegeix un audio amb una música de fons
Crea diferents transicions entre les 10 fotos, totes han de ser diferents. A cada foto ha d’haver un text sobreimprés el
mòdul al què correspon.
Posa 1s de crèdits al final, amb rètol sobreimprés.
Genera el vídeo i queda’t amb l’enllaç.

12. Altres:
Stupeflix, Camtasia, Animoto
Feina optativa: feu en grups o parelles un videotutorial en wevideo o
camtasia de 10-20s de com instal·lar l’Apache en una màquina
virtual de Windows.
Quines diferències has observat entre les 3 aplicacions utilitzades ?

13. Teoria
So:
 Compressió i còdecs
 Tipus de fonts
 Formats
 Reproductors i editors
Imatge:
 Imatge digital (concepte)
 Tipus
 Formats
 Visors
 Editors
Vídeo:
 Compressió i còdecs
 Streaming
 Tipus de fonts
 Formats de compressió
 Reproductors i editors
 Formats SMIL