Kuidas kinnitada HTML5-videopleier oma veebisaidile, kasutades HLS-i ja DASH-i adaptiivset voogesitust

Adobe Flash Playerit on pikka aega kasutatud Interneti peamise videopleierina. See valitses pikka aega, kuid see asendatakse kiiremate, tõhusamate ja failihaldust hõlbustavate protokollidega. Google Chrome on hakanud blokeerima ka Flashi ja varsti lõpetab ta Adobe Flashile toe üldse. Selle pärandprotokolli täielik asendamine võib võtta aega, kuid kindlasti toob see selle eelised. Mõnes uuemas brauseris on HLS-i (HTTP reaalajas voogesituse) loomulik tugi.

HTML5 ja HLS on avatud lähtekoodiga protokollid, mis tähendab, et igaüks saab oma koodi muuta ja kasutada oma veebisaidil täiesti tasuta. Video kodeerimine mitmeks erinevaks taasesituse kvaliteedi standardiks, suletud pealdised ja video kvaliteedi optimeerimine vastavalt ribalaiusele on HLS-video voogesituse abil sujuv. HTML-i tõttu silt, HTML5 voogesitus on koodis, hõlbustades voogedastust HLS-i ja DASH-i kaudu. DASH ja HLS jagavad videovoo väikesteks segmentideks, mida saab kasutada HTML5-videopleieri jaoks. Need vähendavad aega, mille jooksul peate video puhverdama enne, kui see video esitama hakkab, ja kõik kogelemise probleemid, mis teil voogesituse ajal võivad tekkida. Kasu ei piirdu ainult vaatajaga, vaid laieneb ka sisupakkujale.

Manustage oma veebisaidile HTML5-videopleier, kasutades JWPlayerit

Enne alustamist soovitame hankida JWPlayer siin . Kuna kohandatud voogesituse eesmärkidel kasutatakse HLS-i ja DASH-i, on tekkinud palju videopleiereid, mis pakuvad kasutajatele kindlasti õiglast osa eelistest. Üks selline mängija, kes on väljakutsetele aeg-ajalt vastu pidanud ja mida on kasutanud sellised nagu ESPN ja Sony Pictures, on JWPlayer. Sisu üleslaadimine, videopleieri kinnistamine HTML5, iOS, Android ja Fire OS-i on JWPlayeri algse koodiga lihtne, mida saate kohandada veelgi parema kasutuskogemuse saamiseks. Kuid täna keskendume HTML5-videopleieritele ja sellele, kuidas saate parema adaptiivse voogesituse jaoks kasutada HLS-i ja DASH-i.

Mida pakub JW Player?

Lisaks platvormi pakkumisele oma videote üleslaadimiseks ja esitusloendisse muutmiseks võimaldab JWPlayer teil vaadata üleslaaditud videote reaalajas statistikat, andes teile aruandeid oma reklaamide ajakava ja kohandatud aruannete kohta.

Kohandatud aruanded

JWPlayer muudab sisuhalduse hõlpsaks ka CMS-i toega veebisaidil, võimaldades hõlpsalt hallata pealdisi, pisipilte, metaandmeid jms. Seetõttu ulatuvad JWPlayer'i kasutajad ja eelised kaugemale kui lihtsalt videopleier HTML5-videote kinnistamiseks.

Videote üleslaadimine JWPlayerisse

Laadige üles videod

Enne kui hakkate oma HTML5-veebisaidil JWPlayerit kinnistama, on oluline vastavad videod kõigepealt JWPlayeri platvormile üles laadida. Õnneks pole see eriti keeruline ülesanne, sest peate valima ainult faili, mille soovite üles laadida.

Kui video on üles laaditud, võite hakata redigeerima selle video metaandmete jaotist, vaadata analüütikat ja jälgida liiklust jne või hankida HLS-i allikaid ja üleslaaditud vahekaardilt suletud pealdisi üles laadida.

HLS ja DASH videopleieri kohandamine

Enne videopleieri manustamist peate kõigepealt oma saidile lisama mängija kogu. Selle saavutuse saavutamiseks on kolm võimalust. Ise-, pilve- ja pilvemajutus koos API-kõnedega. Erinevus pilvemajutuse ja pilvemajutuse vahel API-kõnedega põhineb lihtsalt API-kõnedel. Arendajatel, kes soovivad oma videopleieri rakendamist hallata API-kõnede kaudu, soovitatakse seda kasutada. Enesehostide puhul kontrollite mängija versiooni täielikult. Oluline on märkida, et mängija litsentsi ei pöörata automaatselt ja see peab toimuma käsitsi, kui kasutate isehostimist.

Pilves hostitud mängija kohandamine

Nagu siin näete, saab pilves hostitud mängijat oma maitse järgi kohandada ja poleerida. Näiteks võib mängijal olla kas reageeriv suurus või fikseeritud suurus. Taasesituse saab seada tsükliks, vaigistada käivitamisel jne. Lisaks saate muuta ka mängija vaikevärvi, videote soovitusi ja palju muud.

Kui see kõik on käes, peate seejärel oma veebisaidile üles laadima Cloud Hosted Player Library koodi märgend, et JWPlayer saaks teie veebisaidile laadida.

Videopleieri manustamine

Vaikimisi eelistab JWPlayer automaatselt HTML5 meediumimootoreid, nii et te ei pea muretsema esmase eelistuse seadmise pärast. Mõni juhtum võib siiski paluda teil seda muuta. Kui see juhtub, saate pleierit kohandada ja lasta sellel oma viis seadistada.

Kui olete pilve hostitud mängija teegi oma veebisaidi märgendile üles laadinud, on järgmine samm manustatud koodi üleslaadimine. Kõigepealt looge a silt sildis kuhu peab ilmuma JWPlayer. Helistage seadistamine () esitusloendi atribuudiga, et helistada sihitud mängijale .

Allpool on näide näidisest seadistamine () kood, mille pakuvad JWPlayer devs ise:

jwplayer ('myElement'). setup ({'playlist': 'https://example.com/myVideo.mp4