Projecte de Final de Carrera de la Bruna Girvent en els estudis d'Enginyeria Tècnica de Telecomunicacions (especialitat en So i Imatge) a l'Escola d'Enginyeria de Terrassa de la UPC.
Direcció de Xavier Giró i Nieto.
Més detalls:
https://imatge.upc.edu/web/publications/servei-de-videos-la-carta-liphone
4. Estat de l’art
Dispositius mòbils tàctils
•
Actualment la majoria de dispositius mòbils incorporen:
- pantalles tàctils
- connexió a Internet
- instal·lacions d’aplicacions de tercers
- personalització i nombroses funcionalitats
•
Dispositius mòbils tàcils per a reproducció de vídeo
- telèfons intel·ligents: Symbian, RIM, iPhone, Windows Phone, Android
- ordinadors tàctils: iPad
Servei de vídeos a la carta per a l’iPhone
4
Bruna Girvent
5. Estat de l’art
Dispositius mòbils tàctils
•
Comparativa de sistemes operatius
Garthner (febrer 2010)
AppStore: 3 milions de descàrregues d’aplicacions
•
•
•
Apple ofereix el kit de desenvolupament (sdk)
Tercers poden desenvolupar aplicacions
Distribució mundial a través de AppStore
Servei de vídeos a la carta per a l’iPhone
5
Bruna Girvent
6. Estat de l’art
Mètodes de distribució de continguts
•
Descàrregues
•
Reproducció en temps real (streaming):
• Emissions en directe (live streaming)
• Vídeos a la carta (Video on Demand,VoD)
Servei de vídeos a la carta per a l’iPhone
6
Bruna Girvent
7. xarxa
servidor
3G
client
!
!
!
!
Estat de l’art
Transmissió de vídeo per IP
Programari reproductor
Protocols
Repositori
de
vídeos
!
de transport
!
Base
de
dades
TCP
UDP
RTP, SRTP
RTCP, SRTCP
Formats de reproducció
!
H.264/ MPEG-4
!
OGG
THEORA
VORBIS
!
HTTP
RTSP
RTMP
MMS
d’aplicació
!
WEBM VP8
VORBIS
!
Contenidor Flash
Servei de vídeos a la carta per a l’iPhone
7
MOV / MP4
AAC / MP3
FLV o VP6
MP3
Bruna Girvent
8. Estat de l’art
Sistemes de transmissió en temps real
RTP
Codificador
Codificador
Codificador
RTSP
Servidor
Multimèdia
Servidor
Web
RTMP
Adobe Flash
Servidor Flash
Servidor
Web
Adaptació
HTTP
IIS Smoth Streaming
HTTP Live Streaming
Servei de vídeos a la carta per a l’iPhone
8
Bruna Girvent
9. Estat de l’art
HTTP Live Streaming
Video H.264 Baseline Profile
Audio HE-AAC o AAC-LC
MP3
Servei de vídeos a la carta per a l’iPhone
9
Bruna Girvent
10. Estat de l’art
iPhone
• Característiques principals:
• pantalla panoràmica multitàcil de 480x320 pixels
• connectivitat a xarxes 2G, 3G, Wi-Fi i Bluetooth
• GPS assistit
• càmera 2mp (3G) / 3mp (3GS)
• capacitat 8, 16 o 32 GB
• processador a 412MHz (3G) / 600MHz (3GS)
• Formats compatibles:
• H.264 Perfil Bàsic
• MPEG-4 Perfil Simple
àudio AAC
formats .m4v, .mp4 i .mov
Servei de vídeos a la carta per a l’iPhone
10
Bruna Girvent
11. Estat de l’art
iPhone OS X
Core OS (nucli del SO)
Core Services (serveis bàsics del sistema)
Media (gestió multimedia)
Cocoa Touch (eventa tàctils)
kernel
sistema de biblioteques
pila TCP/IP
seguretat
gestió d’energia
certificats
sistema d’arxius
arrancada
nucli d’àudio
gràfics OpenGL
mesclador de so
gravació d’àudio
reproducció de vídeo
gestió de jpg, png, tiff i pdf
Animacions
Servei de vídeos a la carta per a l’iPhone
11
col·leccions
agenda de direccions
xarxes
accés a arxius
SQLite
localització
serveis de xarxa
preferències
utilitats de URLs
events i controls muli-tàctils
suport de l’acceleròmetre
vista jeràrquica
localització d’aplicacions
alertes
visita web
selector de contactes
selector d’imatges
suport a la càmera
Bruna Girvent
12. Estat de l’art
Exemple d’una aplicació per a l’iPhone
Servei de vídeos a la carta per a l’iPhone
12
Bruna Girvent
13. Requeriments
Requeriments
•
•
Servei de vídeos a la carta per a l’iPhone
•
•
•
Reproducció dels continguts ja existents en el servidor de vídeo
Reproducció en temps real a pantalla completa dels continguts audiovisuals
del TSC
Publicació de nous vídeos a través de la interfície web del servidor exitent.
Aplicació per a iPhone que permeti:
• navegar pel catàleg de vídeos
• accés a les metadades per mostrar-les per pantalla
Servei de vídeos a la carta per a l’iPhone
13
Bruna Girvent
14. Disseny
Servidor
VIDEO
Ingesta
fitxer de
vídeo
Codificador
video
codificat
fragments de!
video + index
fragments de
video + index
Distribució
Repositori
de videos
Segmentador
Servidor web
fitxer XML
(metadades)
METADADES
Gestió i control metadades
!
metadades
Gestió
metadades
metadades
fitxer XML
(metadades)
generador
XML
Repositori
XML
HTTP
Fitxer XML
(metadades)
!
fragments video
+ index
BBDD
MySQL
Servei de vídeos a la carta per a l’iPhone
14
Bruna Girvent
15. Disseny
Ingesta de vídeos
Ingesta
video.ext
Codificador
de vídeo
video.ts
Segmentador
index.m3u8
video_fragment1.ts
video_fragment2.ts
video_fragmentN.ts
!
Repositori
de videos
Gestió de metadades
Gestió i control de metadades
!
metadades
Programa gestor
de metadades
metadades
generador
XML
fitxer XML
(metadades)
Repositori
XML
!
BBDD
MySQL
Servei de vídeos a la carta per a l’iPhone
15
Bruna Girvent
16. Disseny
Distribució de continguts
Distribuidor
!
Repositori
de videos
index.m3u8
video_fragment1.ts
video_fragment2.ts
index.m3u8
video_fragment1.ts
video_fragment2.ts
video_fragmentN.ts
video_fragmentN.ts
Servidor web
HTTP
!
Repositori
XML
fitxer XML
(metadades)
fitxer XML
(metadades)
Servei de vídeos a la carta per a l’iPhone
16
Bruna Girvent
17. Desenvolupament
Servidor
•
Sistema Operatiu Linux
•
Codificador
Llenguatge de programació: Bash
•
MPEG2-TS àudio mp3 48kHz 240kb
vídeo H.264 320x240 96kb
•
Segmentador Open Source
Llenguatge de programació: Bash
•
Paquet XAMPP:
Llenguatge de programació: PHP i HTML
•
Servidor Web: Appache
•
Gestor BBDD: MySQL
Llenguatge de programació: MySQL
David Vera (2008), Laurens de Vos (2009)
Servei de vídeos a la carta per a l’iPhone
17
Bruna Girvent
19. Disseny
Disseny aplicació client
Video 1
Video 2
Video 3
More Info View
Information about this
application and the developer
company
TÍTOL VÍDEO
Imatge
Vídeo
Servei de vídeos a la carta per a l’iPhone
19
Bruna Girvent
28. Resultats
Resultats
Ingesta de vídeos
•
Codificació en 3 qualitats:
•
•
•
alta: TOD
mitja: MPEG-4
baixa (iPhone):
•
alta: 640kb/s
•
mitja 440kb/s
•
baixa 240kb/s
Servei de vídeos a la carta per a l’iPhone
28
Bruna Girvent
29. Resultats
Resultats
Aplicació client
1. Càrrega aplicació
5. Reproducció del vídeo
2.Vista Inici
6. Navegació dins la vista Vídeos
3. Navecació dins la vista Vídeos
7.Vista Més Info
4.Vista detallada del vídeo
8. Obrir web amb Safari
Servei de vídeos a la carta per a l’iPhone
29
Bruna Girvent
31. Conclusions
Coneixements adquirits
Llenguatge de programació
Programari
PHP
Linux
FFMpeg
Bash
Segmenter
XML / HTML
Apache
MySQL
Objective-C
iPhone SDK:
Cocoa Touch
XCode
Mac OS X
Interface Builder
Instruments
Servei de vídeos a la carta per a l’iPhone
31
Bruna Girvent
32. Conclusions
Treball futur
Llenguatge de programació
Programari
PHP
Linux
FFMpeg
Bash
Segmenter
XML / HTML
Apache
MySQL
Objective-C
iPhone SDK:
Cocoa Touch
XCode
Mac OS X
Interface Builder
Instruments
Servei de vídeos a la carta per a l’iPhone
32
Bruna Girvent