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

1. Servei de vídeos a la carta
per a l’iPhone
Bruna Girvent
Tutoritzat per Xavier Giró

2. Índex
Introducció
•
Estat de l’art
•
Índex
•
Requeriments
•
Servidor
•
•
•
Disseny
Desenvolupament
Aplicació client
•
Disseny
•
Desenvolupament
•
Resultats
•
Conclusions
Servei de vídeos a la carta per a l’iPhone
2
Bruna Girvent

3. Telèfons intel·ligents
Internet
Vídeo
3G
!
Introducció
Introducció
iTunes U
Servei de vídeos a la carta per a l’iPhone
3
Bruna Girvent

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

18. Desenvolupament
Servidor
Servei de vídeos a la carta per a l’iPhone
18
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

20. Disseny
Funcionament aplicació client
fitxer.xml
!
metadades
Servei de vídeos a la carta per a l’iPhone
titol
usuari
descripció
categoria
tema
urlMiniatura
urlIndexVideo
20
Bruna Girvent

21. Funcionament aplicació client
index.m3u8?
Disseny
index.m3u8
index.m3u8
video_segment1.ts ?
video_segment1.ts
video_segment2.ts ?
video_segment2.ts
Servei de vídeos a la carta per a l’iPhone
21
Bruna Girvent

22. !
Desenvolupament
Procés de desenvolupament aplicació client
Servei de vídeos a la carta per a l’iPhone
22
Bruna Girvent

23. Desenvolupament
iPhone SDK
Simulator
OpenGL
Servei de vídeos a la carta per a l’iPhone
23
Instruments
MoviePlayer
Bruna Girvent

24. Desenvolupament
Programació aplicació client
Estructura de vistes
Servei de vídeos a la carta per a l’iPhone
24
Bruna Girvent

25. Desenvolupament
Programació aplicació client
Vistes, menús i objectes amb Interface Builder
Servei de vídeos a la carta per a l’iPhone
25
Bruna Girvent

26. Desenvolupament
Programació aplicació client
Estructura de dades
Servei de vídeos a la carta per a l’iPhone
26
Bruna Girvent

27. Desenvolupament
Test i publicació a l’AppStore
Servei de vídeos a la carta per a l’iPhone
27
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

30. Resultats
Resultats
Video demostració
Servei de vídeos a la carta per a l’iPhone
30
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