HLS Video Streaming: Mi ez, és mikor kell használni

Ebben a rövid cikkben a HLS-re fogok koncentrálni, amely a videó kiterjesztéshez a legkiterjedtebb adaptív bitráta protokoll. Megválaszolom azokat a fő kérdéseket, amelyeket bárki, aki először fontolgatja a HLS-t, valószínűleg felteszi: mi ez, mikor és hogyan kell használni.

Hogy segítsek az út során, bemutatok néhány példát egy online videó közzétételi eszköz segítségével, amely segítségével szabadon kipróbálhatja a HLS teljesítményét.

Mi a HLS és hogyan működik?

A HLS egy olyan protokoll, amelyet az Apple határoz meg az adaptív bitráta streaming formátum megvalósítására, amely támogatható az eszközeiken és a szoftvereiken. Az idő múlásával széles körű támogatást nyert.

A HLS legfontosabb jellemzője, hogy képes a videó bitrátáját a kapcsolat tényleges sebességéhez igazítani. Ez optimalizálja az élmény minőségét.

A HLS videók különböző megjelenítésekben vannak kódolva, különböző felbontásokkal és bitrátákkal. Ezt általában bitráta létra néven emlegetik. Amikor a kapcsolat lassabbá válik, a protokoll automatikusan beállítja a kért bitrátát a rendelkezésre álló sávszélességhez.

A progresszív videókhoz képest a HLS elkerüli az újbóli pufferelést és az elakadást, valamint a kliens kapcsolat felpuffadását. Ebben a videóban láthatjuk a munkahelyén.

Lényegében a HLS sokkal jobb felhasználói élményt nyújt, amikor videotartalmakat használunk az alkalmazásainkban vagy webhelyeinken.

Az iOS és az Android natív támogatással rendelkezik. A Safari is támogatja, és néhány JavaScript használatával az összes fő böngészőben (Chrome, Firefox, Edge) támogatott. Bár a HLS használata némi erőfeszítést igényel, ez nem nagy baj.

Lássuk, mikor és hogyan kell használnunk.

Mikor használjuk a HLS-t?

Vannak esetek, amikor a videók nem olyan nehézek. Például 1-2 másodperces videóként kódolhat egy képsorozatot, amelynek súlya kevesebb, mint 1 MB. Ebben az esetben egy progresszív videó - amely egyszerűen felhasználható egy képhez, sima HTML5 használatával - biztosan a legjobb megoldás. A HLS itt semmilyen előnyt nem kínál.

De a HLS-nek akkor van értelme, ha nagy felbontású (HD vagy nagyobb) videókat szeretnénk továbbítani, amelyek súlya meghaladja a 3 MB-ot. Ez a típusú tartalom megölheti webes felhasználói felületünket, ha átlagos mobil kapcsolaton keresztül nézzük.

Érdemes megjegyezni, hogy ez a helyzet növekvő mennyiségű médiatartalommal, köztük sok 20 másodpercnél rövidebb videóval, amelyeket e-kereskedelemben és marketing összefüggésekben használnak. A bejegyzés elején található példában csak 9 másodperces full HD videó áll rendelkezésünkre, amelynek súlya meghaladja a 6 MB-ot.

Hogyan használhatjuk a HLS-t webhelyeinken?

A HLS használatához számos szempontot kell megvizsgálnunk. Két fontos kérdésre összpontosítok:  

  • a videó kódolásának szükségessége, és
  • az oldalunkba való beágyazás szükségessége.

Ha átfogóbb képet szeretne kapni arról, amit egy általános videó-közzétételi folyamat magában foglal, nézze meg ezt a bejegyzést.

HLS kódolás

Kódolhatunk videókat HLS-en belül vagy harmadik fél szolgáltatása segítségével. A házon belüli kódoló felépítéséhez a legjobb megoldás az FFMPEG, egy nagy teljesítményű nyílt forráskódú könyvtár használata a videók feldolgozásához és kódolásához. Ebben az esetben elemeznünk kell a kódolni kívánt tartalmat, és számos paramétert be kell állítanunk.

A HLS-ben meg kell határoznunk egy bitráta létra (az egyes lépések bitrátáit és felbontásait), valamint a darabok hosszát. Amikor kódolunk egy videót, lejátszási listák és darabok sorozatával fejezzük be. Az előbbit általában .m3u8, az utóbbit .ts kiterjesztéssel fejezzük be. A következő képen láthatunk egy példát.

Láthatunk egy fő lejátszási listát, egy további lejátszási listát megjelenítésenként, és az egyes kiadások összes darabját. A fő lejátszási lista meghatározza a bitráta létra és az egyes megjelenítések relatív útvonalát.

Az Apple általános ajánlást ad meg, amely meghatározza a bitráta létra és a 10 másodperces darabidőtartamot. Ez azonban nem sok tartalomtípus esetében hasznos, például az e-kereskedelemben és a marketingben elterjedt rövid videóknál.

Valójában a legjobb megközelítés a bitráta létra hangolása kifejezetten a videó tartalmára. Ebben az esetben, ha a lehető legtöbbet akarja kihozni a HLS-ből, és Ön nem jártas a kódolásban, valószínűleg egy harmadik fél szolgáltatása, amely címenkénti kódolást biztosít (HLS-sel), valószínűleg a megfelelő választás.

HLS játékosok

Itt két fő lehetőséget találunk. Ragaszkodhatunk a HTML5-lejátszóhoz, vagy használhatunk egyet a JavaScript-ben.

HTML5 lejátszó

A legújabb Safari verziók támogatják a HLS-t. Ebben az esetben a HLS lejátszási listákat ugyanúgy használhatja, mint a progresszív videókat. Más böngészőkkel használhat egy apró JavaScript-könyvtárat a HLS protokoll megvalósításához, és ismét használhatja a HTML5 lejátszót progresszív videókhoz.

Ezt megtehetjük a HLS.js. Ez a könyvtár csak a rendelkezésre álló sávszélesség alapján hajtja végre a kiadások tárgyalását. A támogatás szinte univerzális, csak a médiaelem API támogatásától függ.

JavaScript Player

Abban az esetben, ha testre kell szabnunk a videóélményt - ami meglehetősen elterjedt a marketing és a történetek oldalain -, akkor az alapértelmezett HTML5-lejátszón kívül mást kell használnunk.

Bár számos kereskedelmi lehetőség létezik, a Video.js jó választás. Ez egy nyílt forráskódú lejátszó, amely nagyfokú testreszabást támogat, beleértve a különböző bőröket és vezérlőket.

Az olyan játékos, mint a Video.js, támogatja a videóval kapcsolatos események (például lejátszási vagy szüneteltetési műveletek) nyomon követését is, így felvehetjük őket saját elemzéseinkbe. Valójában ezeknek az adatoknak a beépítése a Google Analytics-be nagyon egyszerű.

Összegzés

Foglalkoztam a HLS-sel kapcsolatos első kérdésekkel, amelyek a legtöbb potenciális felhasználónak felmerülnek: mi ez, és mikor kell használnunk.

Míg a HLS-re támaszkodó video-közzétételi folyamat házon belül megvalósítható és telepíthető nyílt forráskódú eszközökkel, például az FFMPEG és a video.js, célszerű videomegjelenítő szolgáltatást használni, ha Ön nem a technika szakértője. Olyan fejlett funkciókat hoznak magukkal, mint a címenkénti kódolás, gondoskodnak minden nehéz munkáról, és összpontosítunk testreszabási igényeinkre.