A HTML5 élő videó okán ejtsünk szót a pillanatnyi helyzetről. Nagyjából 2010 elején ment le a világ első élő WebM élő netes közvetítése. Az online média azóta meglehetősen átrendeződött. A Flash domináns lett a webes élő műsorok terén, emellett a H.264 tündöklése után változás következik. Erőre kapott a HTML5 és vele együtt az élő közvetítés HTML5 alatt, ami újra felelevenítette a WebM formátumot, ami Matroska konténerben a korábban is Ogg Vorbis és a Google által felszabadított On2 VP8 keverékéből jött létre.
Közvetítés kiszolgálása HTML5 alatt
Egy előre rögzített video fájl kiszolgálása nem egy bonyolult dolog. Ha pusztán hogy full encoding bitráta helyett a csatorna bitrátájával szolgáljuk ki a fájlt, már el is végeztük a munka nagyobbik részét. Plusz szolgáltatásként ezt még kibővíthetjük azzal, hogy az első egy MB-ot maximális sebességgel leadjuk a kliensnek, aki így teli pufferrel biztonságban érezheti magát, és el is kezdheti lejátszani az anyagot. Igaz, a pufferelés manapság kihalófélben lévő mesterség lassan live streaming esetén is. Az elégedettség jegyében a legtöbb player azonnal nekikezd a lejátszásnak, abban a reményben, hogy egy kis puffert menet közben ki tud alakítani és, hogy a kiszolgálás zavartalan lesz.
Így kapcsolódik a HTML5 az élő közvetítésekhez
1. Beépített <video> elem
A HTML5 egyik legfontosabb újítása a <video> tag, amely natívan képes videót megjeleníteni. Ez azt jelenti, hogy a közvetítésekhez nem kell külön lejátszót telepíteni, minden modern böngésző önmagában képes kezelni az élő streamet.
2. Streaming protokollok támogatása
Bár maga a HTML5 nem streamelési protokoll, de együttműködik olyan technológiákkal, mint a:
- HLS (HTTP Live Streaming – főként Apple termékekhez),
- MPEG-DASH (szélesebb körű, nyílt szabvány),
amelyek tökéletesen integrálhatók a<video>taggel. Ezek lehetővé teszik, hogy a közvetítés dinamikusan alkalmazkodjon a felhasználó internetkapcsolatához.
3. Képkockánkénti vezérlés és interaktivitás
A HTML5 API-k segítségével a videókhoz interaktív elemeket is hozzá lehet adni: például élő statisztikákat, szavazásokat, csetet vagy többkamerás nézetet. Ez különösen fontos sport- és koncertközvetítéseknél.
4. Mobilbarát megjelenés
A HTML5 szabvány reszponzív, tehát automatikusan jól működik különböző eszközökön, legyen szó telefonról, tabletről vagy okostévéről. Ez növeli az élő közvetítések elérhetőségét.
5. Kisebb technikai akadályok
A korábbi Flash-alapú lejátszókhoz képest a HTML5 videók gyorsabban betöltenek, kevesebb hibával futnak, és jobban megfelelnek az adatvédelmi és biztonsági követelményeknek.
Összefoglalva, a HTML5 előnyei az élő közvetítéseknél:
- Pluginmentes, gyorsabb betöltés
- Böngészőfüggetlen, reszponzív működés
- Könnyen integrálható modern streaming technológiákkal (HLS, DASH)
- Interaktív és testreszabható nézői élményt nyújt
- Megbízhatóbb és biztonságosabb megoldás, mint a régi technológiák