Web video

Talk about web video formats and encodes on Webcamp LJ 2011. Slovenian language.

Transcript

1. Video na spletu Jernej Virag 1 Jernej Virag | @jernejv | http://www.virag.si
2. 22. 10. 2011 Spletni video, Jernej Virag 2 Shranjevanje Prenašanje Predvajanje
3. Shranjevanje 22. 10. 2011 Spletni video, Jernej Virag 3 Er, video? Vsebnik Video tok 1. Audio tok 2. Audio tok Podnapisi
4. Shranjevanje 22. 10. 2011 Spletni video, Jernej Virag 4 MP4 H.264 AAC MP3 WebM VP8 Vorbis OGG Theora Vorbis
5. Video 22. 10. 2011 Spletni video, Jernej Virag 5 Rezultat vseh kodirnikov nikakor ni enak!
6. Video 22. 10. 2011 Spletni video, Jernej Virag 6
7. Video 22. 10. 2011 Spletni video, Jernej Virag 7
8. Video 22. 10. 2011 Spletni video, Jernej Virag 8 Bitrate kontrola
9. Audio 22. 10. 2011 Spletni video, Jernej Virag 9 AAC, Vorbis, AAC+
10. Katerega? 22. 10. 2011 Spletni video, Jernej Virag 10 H.264 WebM Theora
11. S čim? 22. 10. 2011 Spletni video, Jernej Virag 11 FFMpeg Eno najboljših orodij z logov open-sourca
12. S čim? 22. 10. 2011 Spletni video, Jernej Virag 12 •  Handbrake (Windows FFMpeg GUI) •  Miro Video Converter (OS X) •  Adobe Media Encoder (OS X/Windows, plačljiv) •  QT-Faststart (mp4 datoteke pripravi za streaming, cross-platform) KLJUČNE BESEDE: x264, aac+, baseline profile
13. Kako? 22. 10. 2011 Spletni video, Jernej Virag 13 •  Pozor pri profilih (mobilne naprave večinoma sam H.264 baseline) •  Pozor pri nivojih (naprave imajo določen H.264 nivo, ki ga zmorejo) •  Raje nižja ločljivost kot nizek bitrate •  Denoise filtri (hqdn3d v ffmpegu) neprimerno izboljšajo kompresijo
14. 22. 10. 2011 Spletni video, Jernej Virag 14 Shranjevanje Prenašanje Predvajanje
15. Prenašanje 22. 10. 2011 Spletni video, Jernej Virag 15 •  Progresivni prenos (Progressive download) •  RTxP prenašanje (RTSP, RTMP, ...) •  HTTP Live prenašanje (Cupertino streaming)
16. Prenašanje 22. 10. 2011 Spletni video, Jernej Virag 16 Progresivni prenos
17. Prenašanje 22. 10. 2011 Spletni video, Jernej Virag 17 RTxP prenašanje
18. Prenašanje 22. 10. 2011 Spletni video, Jernej Virag 18 HTTP Live
19. Katerega? 22. 10. 2011 Spletni video, Jernej Virag 19 Progresivni prenos • Poceni • Preprosto • Za večino uporab RTxP • Živi prenos • Varčevanje s pasovno širino • DRM HTTP Live • iOS aplikacije • Android tablice
20. 22. 10. 2011 Spletni video, Jernej Virag 20 Shranjevanje Prenašanje Predvajanje
21. Predvajanje 22. 10. 2011 Spletni video, Jernej Virag 21 •  Nativno (tudi HTML5) •  Flash •  Silverlight, Java...
22. Predvajanje 22. 10. 2011 Spletni video, Jernej Virag 22 H.264 WebM Ogg Theora Internet Explorer 9.0+ Ročno NE Mozilla Firefox NE 4.0+ 3.5+ Google Chrome 3.0+ (!!) 6.0+ (stream 7.0+) 3.0+ Opera NE 10.6+ 10.5+ Chromium NE R47759+ R18297+ Safari 3.1+ Ročno Ročno Android 2.0+ 2.3.3+ (stream 4.0+) NE iOS 1.0+ NE NE Flash 9 upd. 3+ NE NE
23. Predvajanje 22. 10. 2011 Spletni video, Jernej Virag 23 Flash
24. Predvajanje 22. 10. 2011 Spletni video, Jernej Virag 24 Silverlight, Java...
25. Sestava 22. 10. 2011 Spletni video, Jernej Virag 25 H.264 video HTTP strežnik HTML5 <video> Flash VideoJS
26. VideoJS Sestava 22. 10. 2011 Spletni video, Jernej Virag 26 H.264 video HTTP strežnik HTML5 <video> Flash WebM video HTTP strežnik HTML5 <video>
27. Sestava 22. 10. 2011 Spletni video, Jernej Virag 27 H.264 video Wowza Flash iOS/Android <video> HTTP strežnik HTML5 <video> WebM video HTTP strežnik HTML5 <video>
28. ? Jernej Virag @jernejv http://www.virag.si Spletni video, Jernej Virag 28