comment faire de hls votre solution vidéo préférée ?
TRANSCRIPT
![Page 1: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/1.jpg)
HLS votre solution vidéo préférée ?Thibaud Huchon
17/11/2016
![Page 2: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/2.jpg)
Introduction
● Les galères du Offline
● HLS c’est quoi?
● On jette un coup d’oeil ensemble ?
![Page 3: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/3.jpg)
Les contraintes du Offline
● Lire des vidéos quand j’ai pas de réseau
● Pouvoir profiter du Streaming pendant le téléchargement
● Deux systèmes de lecture différents
![Page 4: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/4.jpg)
Le MP4
● Fichiers lourds
● Reprise de téléchargement
● Double consommation de datas
![Page 5: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/5.jpg)
Les chunks
● Découpage côté serveur
● Assemblage côté mobile
● Double consommation de data
![Page 6: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/6.jpg)
HLS
● Créé en Mai 2009 par Apple
● HLS = HTTP Live Streaming
● Liste fichiers (ts) dans fichier playlist (m3u8)
![Page 7: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/7.jpg)
HLS
![Page 8: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/8.jpg)
En code
![Page 9: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/9.jpg)
Et si on poussait le truc?
![Page 10: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/10.jpg)
Conclusion
● Système simple
● Fluidité
● Sécurité
![Page 11: Comment faire de HLS votre solution vidéo préférée ?](https://reader034.vdocuments.net/reader034/viewer/2022042619/586e85b21a28aba0038b6485/html5/thumbnails/11.jpg)
Questions?