tholinka / crunchyroll-html5 Archived

We really don’t like flash and want it killed ASAP. Azonban jelenleg nincs HTML5 lejátszó a Crunchyrollhoz előfizetés nélkül. Így ez a válasz.

Jellemzők

• Egy teljes értékű HTML5 lejátszó, amely úgy néz ki és úgy érzi magát, mint a YouTube lejátszója.
• Videóminőség váltása a lejátszóban.
• A feliratok megváltoztatása a lejátszóban (a libass és a JavascriptSubtitlesOctopus segítségével).
• Gyorsaságvezérlés.
• A következő videó automatikus lejátszása.
• Kurtautomata (lásd a gyorsbillentyűk listáját)

Letöltés

Chrome kiterjesztés: https://chrome.google.com/webstore/detail/crunchyroll-html5/ihegfgnkffeibpmnajnoiemkcmlbmhmi

Firefox bővítmény: https://addons.mozilla.org/en-US/firefox/addon/crunchyroll-html5-unofficial/

Screenshots

Subtitle Engine

A böngésző nagyon rosszul jeleníti meg a feliratokat, ezért kellett találnom egy könyvtárat, ami képes az SSA/ASS feliratokat megjeleníteni. Megnéztem, hogy csak a WebVTT-t használjam, deChrome nem igazán volt képes renderelni őket anélkül, hogy egy nagy fekete doboz lenne körülöttük.

Így döntöttem aJavascriptSubtitlesOctopus használata mellett,amely egy emscripten projekt, amelymakes libass működik a böngészőben a fontok támogatásával. Azonban szükségem volt néhány változtatásra a projektben, hogy lehetővé tegye a dinamikus betöltést adefault.ttffile és afonts.conffile fájlban. Azt is megvalósítottam, hogy a feliratsávot megváltoztassam anélkül, hogy újra kellene indítanom a WebWorkert, amely a motort futtatja.

Minden módosítás itt található.

Build

A projekt építése egy crunchyroll-html5.user.js fájlt fog eredményezni a/dist könyvtárban. Ahhoz, hogy a Crunchyrollon fusson, kierscript fejlécet kell beillesztened, amely lehetővé teszi a szkript futtatásáthttp://www.crunchyroll.com/*. Jelenleg nem tettem képessé arra, hogy foreach böngészőre vagy userscriptre építsen.

Az építés előtt győződj meg róla, hogy telepítetted a Node.js-tés a Yarnt (opcionális). Ezután a projekt függőségeit vagy a Yarnon keresztül kell telepítened.

Az építés a build:

$ yarn build

Csomagolás

A legacy Firefox addont firefox.xpi (aláírás nélkül, mivel már nem lehet aláírni) és a Web Extension-t webextension.zip (aláírható lásd alább) csomagolhatod.

$ yarn package:firefox$ yarn package:webextension

Firefox aláírás

A webes bővítményt képes aláírni. Szükséged van azonban egy API-kulcsra és egy API-titokra ahhoz, hogy alá tudd írni a Webes Bővítményt (itt szerezheted be).Ha üresen hagyod a Bővítmény azonosítóját, egy új fog generálódni. A generált ID-t a jövőben felhasználhatja a kiterjesztés frissítésére ahelyett, hogy minden frissítéskor új kiterjesztést hozna létre.

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

TODO

• Add support for tracking progress
  • Chrunchyroll
    • Tracking episodes watched
    • Use Crunchyrolls resume feature.
  • Kitsu
    • Tracking episodes watched
  • MyAnimeList
    • Tracking episodes watched
  • Local
    • Tracking episodes watched
    • Tracking episodes watched
    • Tracking what you’ve viewed in a video.
    • Újrakezdheti azokat a videókat, amelyeket még nem nézett meg teljesen.
  • …
• Feliratváltási lehetőség hozzáadása más nyelvekre. Jelenleg csak az alapértelmezett felirat jelenik meg (a legtöbb esetben ez az angol lesz).
• További betűtípusok hozzáadása. Jelenleg csak az Arial áll rendelkezésre. Elég egyszerűnek kellene lennie, de némi tesztelésre van szükség ehhez.
• A minőség kiválasztásának a lejátszóba való áthelyezésének megfontolása.
• Nézzük meg a Chromecast támogatás hozzáadását.
• Adjunk egy végképernyőt, amely jelzi, hogy a felhasználó befejezte az aktuális epizódot, és talán automatikusan a következő epizódra lép.
• Add hozzá a projekt több verzióját a felhasználói scriptekhez, Chrome-hoz, Firefoxhoz és így tovább.
• Add hozzá a lejátszónak egy olyan módot, amely megjegyzi a felhasználó választásait, hogy milyen magas vagy alacsony a hangerő.
• Nézd meg a kód méretének csökkentését a userscriptben.

Fő könyvtárak

• hls.js
• JavascriptSubtitlesOctopus

.