Kā iegult HTML5 video atskaņotāju savā vietnē, izmantojot HLS un DASH adaptīvo straumēšanu

Adobe Flash Player jau sen ir izmantots kā galvenais video atskaņotājs internetā. Tas valdīja ilgu laiku, bet to aizstāja protokoli, kas ir ātrāki, efektīvāki un atvieglo failu pārvaldību. Pārlūks Google Chrome ir sācis bloķēt arī Flash, un tas drīz pilnībā pārtrauks atbalstu Adobe Flash. Var paiet laiks, lai pilnībā aizstātu šo mantoto protokolu, taču tas noteikti rada tā priekšrocības. Dažiem jaunākiem pārlūkiem ir vietējais HLS (HTTP tiešraides straumēšanas) atbalsts.



HTML5 un HLS ir atvērtā koda protokoli, kas nozīmē, ka ikviens var modificēt kodu un izmantot tos savā vietnē pilnīgi bez maksas. Videoklipa kodēšana vairākos dažādos atskaņošanas kvalitātes standartos, pievienoti paraksti un video kvalitātes optimizēšana atbilstoši joslas platumam tiek padarīti nevainojami ar HLS video straumēšanu. Sakarā ar HTML vietējo valodu tagā HTML5 straumēšana ir iekļauta kodā, kas nodrošina ērtu straumēšanu, izmantojot HLS un DASH. DASH un HLS sadala video straumi mazos segmentos, kurus var izmantot HTML5 video atskaņotājam. Tie samazina video bufera laiku, pirms tas sāk atskaņot, un visas stostīšanās problēmas, ar kurām varat saskarties, skatoties straumi. Priekšrocības attiecas ne tikai uz skatītāju, bet arī uz satura nodrošinātāju.

Iegult HTML5 Video Player savā vietnē, izmantojot JWPlayer

Pirms sākam, iesakām iegūt JWPlayer no šeit . Palielinoties HLS un DASH izmantošanai adaptīvās straumēšanas nolūkos, ir parādījušies daudzi video atskaņotāji, kas lietotājiem noteikti nodrošina taisnīgu labumu daļu. Viens šāds spēlētājs, kurš laiku pa laikam ir izturējis izaicinājumus un ko izmanto tādi ESPN un Sony Pictures, ir JWPlayer. Satura augšupielāde, video atskaņotāja iegulšana HTML5, iOS, Android un Fire OS ir vienkārša, izmantojot JWPlayer vietējo kodu, kuru jūs varat pielāgot vēl labākai lietotāja pieredzei. Bet mūsu uzmanības centrā šodien ir HTML5 video atskaņotāji un tas, kā labākai adaptīvai straumēšanai varat izmantot HLS un DASH.



Ko piedāvā JW Player?

Līdztekus platformas nodrošināšanai, lai augšupielādētu videoklipus un padarītu tos par atskaņošanas sarakstiem, JWPlayer ļauj arī apskatīt augšupielādēto videoklipu reāllaika statistiku, sniedzot pārskatus par reklāmu grafikiem un pielāgotus pārskatus.



Pielāgoti pārskati



JWPlayer atvieglo satura pārvaldību jūsu ar CMS darbināmai vietnei, ļaujot jums viegli pārvaldīt parakstus, sīktēlus, metadatus utt. Tāpēc JWPlayer izmantošana un priekšrocības pārsniedz to, ka esat tikai video atskaņotājs, lai iegultu savus HTML5 videoklipus.

Videoklipu augšupielāde vietnē JWPlayer

Augšupielādējiet videoklipus

Pirms sākat iegult JWPlayer savā HTML5 vietnē, vispirms ir svarīgi augšupielādēt attiecīgos videoklipus JWPlayer platformā. Par laimi, tas nav ļoti sarežģīts uzdevums, jo viss, kas jums jādara, ir atlasīt failu, kuru vēlaties augšupielādēt.



Kad videoklips ir augšupielādēts, varat sākt rediģēt minētā videoklipa metadatu sadaļu, skatīt analīzi un pārraudzīt trafiku utt., Vai arī iegūt cilnes Īpašumi iegūt HLS avotus un augšupielādēt slēgtos parakstus.

HLS un DASH video atskaņotāja pielāgošana

Pirms video atskaņotāja iegulšanas vispirms savai vietnei jāpievieno atskaņotāju bibliotēka. Ir trīs veidi, kā jūs varat paveikt šo varoņdarbu. Paši mitināti, mākoņos mitināti un mākoņos mitināti ar API zvaniem. Atšķirība starp mākoņa mitināšanu un mākoņa mitināšanu ar API zvaniem ir vienkārši balstīta uz API izsaukumiem. Izstrādātājiem, kuri vēlas pārvaldīt sava video atskaņotāja ieviešanu, izmantojot API zvanus, ieteicams to izmantot. Pašmājniekiem atskaņotāja versiju pilnībā kontrolējat jūs. Ir svarīgi ņemt vērā, ka spēlētāja licence netiek pagriezta automātiski, un tā ir jādara manuāli, izmantojot pašmāju.

Mākoņa mitinātā atskaņotāja pielāgošana

Kā redzat šeit, mākoņa mitināto atskaņotāju var pielāgot un pulēt pēc savas gaumes. Piemēram, atskaņotājam var būt vai nu reaģējošs, vai fiksēts izmērs. Atskaņošanu var iestatīt uz cilpu, izslēgt skaņu starta laikā utt. Turklāt jūs varat arī mainīt atskaņotāja noklusējuma krāsu, videoklipu ieteikumus un daudz ko citu.

Kad tas viss būs lejā, jums savā tīmekļa vietnē jāaugšupielādē Cloud Hosted Player bibliotēkas kods tagu, lai ļautu JWPlayer ielādēt jūsu vietnē.

Video atskaņotāja iegulšana

Pēc noklusējuma JWPlayer automātiski dod priekšroku HTML5 multivides dzinējiem, tāpēc jums nav jāuztraucas par primārās preferences iestatīšanu. Tomēr dažos gadījumos jūs varat aicināt to mainīt. Kad tas notiks, varat pielāgot atskaņotāju un likt tam iestatīt savu ceļu.

Kad esat augšupielādējis mākoņa mitinātās atskaņotāju bibliotēku uz savas vietnes taga, nākamais solis ir augšupielādēt iegulto kodu. Vispirms izveidojiet a tagā kur jāparādās JWPlayer. Zvaniet uzstādīt() ar atskaņošanas saraksta rekvizītu, lai piezvanītu mērķa spēlētājam .

Zemāk ir parauga piemērs uzstādīt() kods, ko nodrošina paši JWPlayer izstrādātāji:

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