• Hlavná / Funkcia

Prvých päť prehrávačov videa pre rôzne platformy

Poskytovanie videa na všetkých hlavných desktopových a mobilných platformách nie je tou najjednoduchšou technickou výzvou. Tu vám pomôžem oddýchnuť si od ťažkého zdvíhania a hovoriť o existujúcich hráčoch a službách, ktoré môžu robiť prácu za vás. Takže bez ďalších okolkov je tu mojich päť najlepších videoprehrávačov pre rôzne platformy.

01. Video pre všetkých

Video pre všetkých je jedno z prvých riešení na podporu videa vo formáte HTML5 a Flash a je tiež najjednoduchšie. Skladá sa z veľmi základnej sady značiek, ktorá využíva schopnosť HTML5 prejsť na ďalší podporovaný objekt, ak predchádzajúci objekt zlyhá. To znamená, že použije prvok na uzavretie každého podporovaného zdroja kontajnera videa vo formáte HTML5 a sleduje kolektívne prvky pomocou značiek Flash. Výsledkom je, že sa prehľadávač pokúsi zobraziť každý nasledujúci zdroj HTML5, a ak všetky zlyhajú, pokúsi sa zobraziť video pomocou prehrávača Flash. V opačnom prípade sa zobrazí statický obrázok.

Video for Everybody doesn't use JavaScript, takže je ideálne pre tých, ktorí chcú do svojho označenia zahrnúť čo najmenej závislostí. Jednou z nevýhod tohto prístupu je, že nebude fungovať v operačných systémoch Android pred verziou 2.3 (Gingerbread).

Za zmienku tu stoja tri jemnosti. Prvý je Video pre každého , ktorý vám pomôže pri zostavovaní kódu. Druhou je skutočnosť, že tento prehrávač podporuje prehrávanie zvuku HTML5 rovnako, ako pracuje s videom. Na záver stránka prehrávača obsahuje pomerne komplexný popis problémov, s ktorými sa môžete stretnúť pri používaní videa vo formáte HTML5, ako aj odporúčané riešenia. Dúfam, že väčšina z tohto materiálu bola zahrnutá v predchádzajúcom pokračovaní tejto série, ale nezaškodí vám pozrieť sa na VfE. Dôležité poznámky .

02. VideoJS

VideoJS je bezplatný prehrávač videa vo formáte HTML5 s otvoreným zdrojovým kódom, ktorý podporuje Flash alebo alternatívnu technológiu prehrávania videa podľa vášho výberu (napríklad Silverlight alebo QuickTime). Začína sa to vložením kódu založeného na Video pre všetkých , ktorá obsahuje základné funkcie prehrávania, ako je automatické prehrávanie a predbežné načítanie. Používa však tiež JavaScript, aby opravil nekonzistencie medzi prehliadačmi, pridal podporu pre značky HTML5 v starších verziách IE a pridal funkcie, ako je zobrazenie na celú obrazovku a titulky. Z hľadiska závislosti je použitie JavaScriptu nezávislé na knižnici, čo znamená, že na svoju činnosť nepotrebuje balíčky ako jQuery alebo MooTools.

Najlepšie zo všetkého je, že poskytuje konzistentné aplikačné programové rozhranie (API) a konzistentné používateľské rozhranie (UI) na prehrávanie JavaScriptu a Flash. Komplexné rozhranie API sa ľahko používa a používateľské rozhranie je spravované ľahko upraviteľnými kódmi HTML a CSS, ktoré ovplyvňujú nielen JavaScript, ale aj poskytovaný ľahký prehrávač založený na formáte Flash.

Ako hráč s otvoreným zdrojovým kódom môže ktokoľvek meniť kód a prispievať aktualizáciami forkov na GitHub. Hostené sú aj hlavné súbory, čo znamená, že nie sú potrebné žiadne súbory na stiahnutie. Kód sa aktualizuje vždy, keď sú podporované nové funkcie, zariadenia a platformy, a súbory môžu byť dokonca už uložené v systémoch vašich návštevníkov. A na rozdiel od niektorých hostovaných riešení, ak si radšej stiahnete kópiu prehrávača, povedzme na použitie bez pripojenia k internetu (alebo aby ste sa vyhli spoliehaniu sa na akýkoľvek iný server ako svoj vlastný), môžete tak urobiť aj vy.

Pre jednoduchosť má VideoJS a päťsekundové nastavenie , obsahuje skvelé ukážkové testovanie priamo na domovskej stránke, ktoré vám umožňuje prepínať medzi hráčmi a skontrolovať tak konzistentné používateľské rozhranie. Môže byť tiež použité ako Doplnok WordPress .

03. Hráč JW

JW Player je najstarší videoprehrávač v tomto zozname, ktorý vedie revolúciu prehrávača Flash Video od roku 2005. Je tiež najvýkonnejším prehrávačom v tomto zozname. Môže sa pochváliť najrobustnejšími funkciami HTML5 a je najschopnejší, pokiaľ ide o funkcie podporované prehrávačom Flash Player, vrátane progresívneho sťahovania a streamovania RTMP, podpory adaptívneho dátového toku a DVR a ďalších funkcií ponúkaných serverom Flash Media Server (FMS), Wowza Server médií a ďalšie balíčky serverov. Obsahuje tiež natívnu podporu pre niekoľko sietí na doručovanie obsahu (CDN) vrátane Akamai, Amazon CloudFront, BitGravity, CDNetworks, Highwinds a Limelight.

Prehrávač má pôsobivý zoznam funkcií, vrátane podpory zoznamov skladieb a prehrávania zvuku, ktoré mnohým iným prehrávačom chýbajú, ale má tiež rozsiahlu knižnicu doplnkov. Funkcie ako reklama (interaktívne mediálne reklamy Google zobrazujúce reklamy DoubleClick In-Stream a otvorené videoreklamy), sociálne siete (nástroje na zverejňovanie príspevkov na Facebooku a podobné nástroje, nástroje Twitter, Google+, Digg, Reddit a Delicious a súvisiace videá k a ďalšie), prístupnosť (vrátane zvukového popisu a titulkov TimedText), efekty (prepínač HD, analyzátor zvukového spektra, uchopenie obrazovky a rozmazanie, sú k dispozícii iba niektoré) a analytika (Google Analytics a ďalšie). Ak ste programátor, môžete tiež využiť výkonné vývojárske rozhranie API na vytvorenie vlastných doplnkov.

Prehrávač ponúka flexibilné možnosti sťahovania z kože a na výber je z mnohých existujúcich skinov. Jasné pokyny pre sťahovanie z kože a aktívna komunita vývojárov priniesla komunitu viac ako 100 skinov a k dispozícii je aj niekoľko prémiových skinov.

Hráč má a Sprievodca nastavením a tiež má najväčší a najrôznorodejší počet možností integrácie systému na správu obsahu (CMS) vrátane viacerých modulov pre WordPress, Drupal a Joomla.

JW Player je open source, nemá závislosť od knižnice a má bezplatné licencie na nekomerčné použitie a rôzne platené licencie na komerčné použitie. Existujú aj sprievodné produkty a služby, ako napríklad Bits on the Run možnosť hosťovania videa.

04. MediaElement

MediaElement.js obsahuje prehrávač videa a zvuku HTML5, ako aj vlastné prehrávače Flash a Silverlight, ktoré napodobňujú rozhranie HTML5 MediaElement API pre podporu starších prehliadačov. To poskytuje vývojárom konzistentné rozhranie API a používateľom konzistentný zážitok zo sledovania bez ohľadu na platformu alebo prehliadač. Podporuje často požadované funkcie, ako sú štandardné ovládacie prvky prehrávania, sťahovanie z kože a video na celú obrazovku, ale tiež má architektúru doplnkov, ktorá umožňuje viac jedinečných funkcií. Patria sem slučky, automatický preklad (poskytuje Google Translate), postroll (zobrazenie vlastného kódu HTML po dokončení videa) a dokonca aj virtuálne podsvietenie, ktoré počas prehrávania zarámuje video so zodpovedajúcimi farbami prevzatými z videa (iba HTML5, inšpirované funkciou Ambilight od Philips).

MediaElement podporuje prvok a celý rad štandardov prístupnosti vrátane WebVTT. Je to otvorený zdroj, ktorý je hostený na GitHube, a dodáva sa tiež vo forme doplnku pre WordPress, Drupal, Joomla, jQuery a ďalšie. Aplikácia MediaElement sa spolieha na fungovanie jQuery.

05. SublimeVideo

Súčasťou je posledná možnosť, o ktorej budem diskutovať SublimeVideo . Na rozdiel od ostatných balíkov v tomto článku je SublimeVideo skôr hostená služba ako distribuovaný prehrávač. Aj keď si nemôžete stiahnuť prehrávač na použitie na svojom serveri, existuje bezplatný plán služieb. Zahŕňa neobmedzené prehrávanie, ale má obmedzené funkcie a počas prvých približne piatich sekúnd zobrazuje v pravom dolnom rohu videa odznak značky.

Rovnako ako väčšina ďalších možností diskutovaných v tomto dokumente, Sublime používa JavaScript na integráciu HTML5 a Flash v elegantnom núdzovom scenári. Využíva konzistentné používateľské rozhranie pre HTML5 aj Flash a pre zarámovanie videa má zabudovaný Lightbox.

Podporuje prehrávanie zoznamov skladieb, prepínanie SD / HD a pôsobivú analytickú funkciu v reálnom čase. Pretože je hostený v cloude, prehrávač je vždy aktuálny a jeho použitie nemôže byť jednoduchšie. Na stránku stačí vložiť jeden riadok kódu a ste v prevádzke za pár sekúnd.

SublimeVideo nemá žiadne ďalšie závislosti knižnice JavaScriptu a je k dispozícii aj ako doplnok WordPress.

06. Porovnávacia tabuľka

Majte na pamäti, že vo voľnej prírode existuje mnoho ďalších hráčskych knižníc. Ak ste členom mriežky (a kto nemá rád destiláciu množstva informácií do praktickej mriežky na rýchlu kontrolu?), Nezabudnite sa pozrieť Video SWS .

Skratka znamená See What Sucks, ale čo je dôležitejšie, táto tabuľka ukazuje, čo saje menej. V tabuľke môžete dokonca vidieť akékoľvek online video, ktoré prehrá ktorýkoľvek hráč. Kliknutím na meno prehrávača zobrazíte predvolené ukážkové ukážky alebo v dolnej časti tabuľky najskôr zadáte cestu k vybranému online videu.