Servei de vídeos a la carta per a l'iPhone.

347 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
347
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Servei de vídeos a la carta per a l'iPhone.

  1. 1. Servei de vídeos a la carta per a l’iPhone Bruna Girvent Tutoritzat per Xavier Giró
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 18. Desenvolupament Servidor Servei de vídeos a la carta per a l’iPhone 18 Bruna Girvent
  19. 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. 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. 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. 22. ! Desenvolupament Procés de desenvolupament aplicació client Servei de vídeos a la carta per a l’iPhone 22 Bruna Girvent
  23. 23. Desenvolupament iPhone SDK Simulator OpenGL Servei de vídeos a la carta per a l’iPhone 23 Instruments MoviePlayer Bruna Girvent
  24. 24. Desenvolupament Programació aplicació client Estructura de vistes Servei de vídeos a la carta per a l’iPhone 24 Bruna Girvent
  25. 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. 26. Desenvolupament Programació aplicació client Estructura de dades Servei de vídeos a la carta per a l’iPhone 26 Bruna Girvent
  27. 27. Desenvolupament Test i publicació a l’AppStore Servei de vídeos a la carta per a l’iPhone 27 Bruna Girvent
  28. 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. 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. 30. Resultats Resultats Video demostració Servei de vídeos a la carta per a l’iPhone 30 Bruna Girvent
  31. 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. 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

×