tholinka / crunchyroll-html5 Arkiverad

Vi tycker verkligen inte om flash och vill att det försvinner snarast. Det finns dock för närvarande ingen HTML5-spelare tillgänglig för Crunchyroll utan att ha en prenumeration. Så detta är svaret.

Funktioner

• En fullfjädrad HTML5-spelare som ser ut och känns mycket som YouTubes spelare.
• Ändra videokvalitet i spelaren.
• Ändra undertexter i spelaren (genom att använda libass med JavascriptSubtitlesOctopus).
• Hastighetskontroller.
• Automatisk uppspelning av nästa video.
• Kortkommandon (se listan över kortkommandon)

Ladda ner

Chrome-tillägg: https://chrome.google.com/webstore/detail/crunchyroll-html5/ihegfgnkffeibpmnajnoiemkcmlbmhmi

Firefox-tillägg: https://addons.mozilla.org/en-US/firefox/addon/crunchyroll-html5-unofficial/

Screenshots

Subtitle Engine

Browsern är riktigt dålig på att visa undertexter så jag var tvungen att hitta ett bibliotek som kan göra SSA/ASS-undertexter. Jag har tittat på att bara använda WebVTT, men Chrome kunde inte riktigt återge dem utan en stor svart ruta runt dem.

Så jag har bestämt mig för att använda JavascriptSubtitlesOctopus, som är ett emscripten-projekt som får libass att fungera i webbläsaren med typsnittsstöd. Jag har dock varit tvungen att göra vissa ändringar i projektet för att möjliggöra dynamisk laddning av thedefault.ttffile och thefonts.conffile. Jag har också implementerat ett sätt att ändra undertextspåret utan att behöva starta om WebWorker som kör motorn.

Alla ändringar finns här.

Build

Att bygga det här projektet kommer att resultera i en crunchyroll-html5.user.js-fil i katalogen/dist. För att få den att köras på Crunchyroll måste du lägga till en auserscript-rubrik som gör det möjligt att köra skriptet påhttp://www.crunchyroll.com/*. Jag har för närvarande inte gjort det möjligt att bygga foreach browser eller userscript.

För att bygga ska du se till att du har installerat Node.jsoch Yarn (valfritt). Därefter måste du installera projektets beroenden genom antingen Yarn.

Byggandet sker genom att köra skriptet build:

$ yarn build

Paketering

Du kan paketera det äldre Firefox-tillägget som firefox.xpi (osignerat eftersom det inte är möjligt att signera det längre) och webbutvidgningen som webextension.zip(signerbart se nedan).

$ yarn package:firefox$ yarn package:webextension

Firefox Signing

Du kan signera webbtillägget. Du behöver dock en API-nyckel och en APIsecret för att kunna signera webbtillägget (du kan få en sådan här).Om du lämnar tilläggets ID tomt kommer ett nytt att genereras. Du kan använda det genererade ID:t i framtiden för att uppdatera tillägget istället för att skapa nya tillägg vid varje uppdatering.

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

TODO

• Lägg till stöd för att spåra framsteg
  • Chrunchyroll
    • Spårning av tittade avsnitt
    • Använd Crunchyrolls återupptagningsfunktion.
  • Kitsu
    • Spårning av tittade avsnitt
  • MyAnimeList
    • Spårning av tittade avsnitt
  • Lokal
    • Spårning av tittade avsnitt
    • Spårning av vad du har sett i en video.
    • Fortsätt med videor som du inte har tittat helt och hållet på än.
  • …
• Lägg till möjligheten att ändra undertexter till andra språk. För närvarande visas endast standardundertexten (i de flesta fall är det engelska).
• Lägg till fler teckensnitt. För närvarande är endast Arial tillgängligt. Det borde vara ganska enkelt, men en del tester måste göras för detta.
• Överväg att flytta valet av kvalitet till spelaren.
• Överväg att lägga till stöd för Chromecast.
• Lägg till en slutskärm för att indikera att användaren har avslutat det aktuella avsnittet och kanske automatiskt gå vidare till nästa avsnitt.
• Lägg till flera versioner av detta projekt för användarscripts, Chrome, Firefox med mera.
• Lägg till ett sätt för spelaren att komma ihåg användarens val som hur hög eller låg volymen är.
• Se till att minska storleken på koden i användarskriptet.

Huvudbibliotek

• hls.js
• JavascriptSubtitlesOctopus