tholinka / crunchyroll-html5 Archivováno

autor:

Nejnovější verze Odznak Greenkeeper

Flash se nám opravdu nelíbí a chceme ho co nejdříve zničit. V současné době však není k dispozici žádný přehrávač HTML5 pro Crunchyroll, aniž byste měli předplatné. Takže toto je odpověď.

Funkce

  • Plnohodnotný přehrávač HTML5, který vypadá a působí podobně jako přehrávač YouTube.
  • Změna kvality videa v přehrávači.
  • Změna titulků v přehrávači (pomocí libass s JavascriptSubtitlesOctopus).
  • Ovládání rychlosti.
  • Automatické přehrávání dalšího videa.
  • Zkratky (viz seznam zkratek)

Stáhnout

Rozšíření Chrome: https://chrome.google.com/webstore/detail/crunchyroll-html5/ihegfgnkffeibpmnajnoiemkcmlbmhmi

Doplněk pro Firefox: https://addons.mozilla.org/en-US/firefox/addon/crunchyroll-html5-unofficial/

Snímky obrazovky

Náhled

Subtitle Engine

Prohlížeč opravdu špatně zobrazuje titulky, takže jsem musel najít knihovnu, která je schopna vykreslovat titulky SSA/ASS. Zkoušel jsem použít jen WebVTT, aleChrome je opravdu nebyl schopen vykreslit bez velkého černého pole kolem nich.

Takže jsem se rozhodl pro použitíJavascriptSubtitlesOctopus,což je projekt emscripten, který zprovozňuje libass v prohlížeči s podporou písem. Byl jsem však nucen provést v projektu některé změny, abych umožnil dynamické načítání souborůdefault.ttffile afonts.conffile. Také jsem implementoval způsob, jak změnit stopu titulků, aniž by bylo nutné restartovat WebWorker, který engine spouští.

Všechny úpravy najdete zde.

Sestavit

Sestavením tohoto projektu vznikne soubor crunchyroll-html5.user.js v adresáři/dist. Abyste jej mohli spustit na Crunchyrollu, musíte před něj předřadit hlavičku auserscript, která umožní spuštění skriptu nahttp://www.crunchyroll.com/*. V současné době jsem nezajistil, aby jej bylo možné sestavit pro každý prohlížeč nebo uživatelský skript.

Před sestavením se ujistěte, že máte nainstalovaný Node.jsa Yarn (nepovinné). Poté je nutné nainstalovat závislosti projektu buď prostřednictvím Yarnu.

Building se provádí spuštěním skriptu build:

$ yarn build

Balení

Starší doplněk pro Firefox můžete zabalit jako firefox.xpi (nepodepsaný, protože ho již není možné podepsat) a webové rozšíření jako webextension.zip(podepisovatelný viz níže).

$ yarn package:firefox$ yarn package:webextension

Podepisování Firefoxu

Můžete podepsat webové rozšíření. Abyste však mohli webové rozšíření podepsat, potřebujete klíč API a tajemství API (můžete je získat zde). pokud necháte ID rozšíření prázdné, vygeneruje se nové. Vygenerované ID můžete v budoucnu použít k aktualizaci rozšíření namísto vytváření nových rozšíření při každé aktualizaci.

$ yarn sign:webextension --key <API KEY> --secret <API SECRET> --id <ID>

TODO

  • Přidat podporu pro sledování průběhu
    • Chrunchyroll
      • Sledování zhlédnutých epizod
      • Používat funkci Crunchyrolls resume.
    • Kitsu
      • Sledování zhlédnutých epizod
    • MyAnimeList
      • Sledování zhlédnutých epizod
    • Lokální
      • Sledování zhlédnutých epizod
      • Sledování, co jste ve videu zhlédli.
      • Pokračování ve videích, která jste ještě zcela nesledovali.
    • …
  • Přidání možnosti změny titulků na jiné jazyky. V současné době se zobrazují pouze výchozí titulky (ve většině případů to bude angličtina).
  • Přidat další písma. V současné době je k dispozici pouze Arial. Mělo by to být docela snadné, aleje třeba to trochu otestovat.
  • Zvážit přesunutí výběru kvality do přehrávače.
  • Podívat se na přidání podpory Chromecastu.
  • Přidat koncovou obrazovku, která uživateli oznámí, že dokončil aktuální epizodu, amožná automaticky přejít na další epizodu.
  • Přidat více verzí tohoto projektu pro uživatelské skripty, Chrome, Firefox a další.
  • Přidat způsob, jak si přehrávač pamatuje volby uživatele, jak vysoká nebo nízká je hlasitost.
  • Podívejte se na snížení velikosti kódu v uživatelském skriptu.

Hlavní knihovny

  • hls.js
  • JavascriptSubtitlesOctopus

.

Napsat komentář