tholinka / crunchyroll-html5 Arkiveret

Vi kan virkelig ikke lide flash og vil have det afskaffet hurtigst muligt. Der er dog i øjeblikket ingen HTML5-afspiller tilgængelig for Crunchyroll uden at have et abonnement. Så dette er løsningen.

Funktioner

• En fuldt udbygget HTML5-afspiller, der ligner og føles meget som YouTubes afspiller.
• Ændre videokvalitet i afspilleren.
• Byt undertekster i afspilleren (ved hjælp af libass med JavascriptSubtitlesOctopus).
• Hastighedskontrol.
• Auto-afspilning af næste video.
• Hurtigveje (se listen over genveje)

Download

Chrome-udvidelse: https://chrome.google.com/webstore/detail/crunchyroll-html5/ihegfgnkffeibpmnajnoiemkcmlbmhmi

Firefox-tilføjelse: https://addons.mozilla.org/en-US/firefox/addon/crunchyroll-html5-unofficial/

Screenshots

Subtitle Engine

Browseren er virkelig dårlig til at vise undertekster, så jeg måtte finde et bibliotek, der er i stand til at gengive SSA/ASS-undertekster. Jeg har kigget på bare at bruge WebVTT, menChrome var ikke rigtig i stand til at gengive dem uden en stor sort boks omkring dem.

Så jeg har besluttet mig for at brugeJavascriptSubtitlesOctopus,som er et emscripten-projekt, der får libass til at fungere i browseren med fontsupport. Jeg har dog været nødt til at foretage nogle ændringer i projektet for at tillade dynamisk indlæsning af thedefault.ttffile og thefonts.conffile. Jeg har også implementeret en måde at ændre undertekstsporet på uden at skulle genstarte den WebWorker, der kører motoren.

Alle modifcations kan findes her.

Build

Bygning af dette projekt vil resultere i en crunchyroll-html5.user.js fil i mappen/dist. For at få den til at køre på Crunchyroll skal du tilføje auserscript-headeren, der gør det muligt at udføre scriptet påhttp://www.crunchyroll.com/*. Jeg har i øjeblikket ikke gjort det i stand til at bygge foreach browser eller userscript.

Før du bygger, skal du sikre dig, at du har installeret Node.jsog Yarn (valgfrit). Derefter skal du installere projektets afhængigheder via enten Yarn.

Bygning sker ved at køre scriptet build:

$ yarn build

Pakning

Du kan pakke den ældre Firefox-tilføjelse som firefox.xpi (usigneret, da det ikke længere er muligt at signere den) og webudvidelsen som webextension.zip(signérbar se nedenfor).

$ yarn package:firefox$ yarn package:webextension

Firefox Signering

Du er i stand til at signere webudvidelsen. Du har dog brug for en API-nøgle og en APIsecret for at kunne signere webudvidelsen (du kan få en sådan her).Hvis du lader ID’et for udvidelsen være tomt, vil et nyt blive genereret. Du kan bruge det genererede ID i fremtiden til at opdatere udvidelsen i stedet for at oprette nye udvidelser ved hver opdatering.

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

TODO

• Tilføj understøttelse af sporing af fremskridt
  • Chrunchyroll
    • Sporing af sete episoder
    • Brug Crunchyrolls genoptagefunktion.
  • Kitsu
    • Sporing af sete afsnit
  • MyAnimeList
    • Sporing af sete afsnit
  • Local
    • Sporing af sete afsnit
    • Sporing af sete afsnit
    • Sporing af hvad du har set i en video.
    • Fortsæt videoer, som du ikke har set helt endnu.
  • …
• Føj mulighed for at ændre undertekster til andre sprog. I øjeblikket vises kun standardunderteksten (i de fleste tilfælde vil det være engelsk).
• Tilføj flere skrifttyper. I øjeblikket er kun Arial tilgængelig. Det burde være ret nemt, men der skal foretages nogle tests i den forbindelse.
• Overvej at flytte kvalitetsvalget ind i afspilleren.
• Opmærksomheden henledes på at tilføje Chromecast-understøttelse.
• Føj en slutskærm til at indikere, at brugeren er færdig med det aktuelle afsnit, og gå eventuelt automatisk til næste afsnit.
• Føj flere versioner af dette projekt til brugerskripter, Chrome, Firefox og mere.
• Føj en måde, hvorpå afspilleren kan huske brugerens valg, f.eks. hvor høj eller lav lydstyrken er.
• Se på at reducere størrelsen af koden i userscriptet.

Hovedbiblioteker

• hls.js
• JavascriptSubtitlesOctopus