tholinka / crunchyroll-html5 Arkistoitu

Me emme todellakaan pidä flashista ja haluamme sen kuolevan ASAP. Crunchyrollille ei kuitenkaan ole tällä hetkellä saatavilla HTML5-soitinta ilman tilausta. Joten tämäon vastaus.

Ominaisuudet

• Täysin toimiva HTML5-soitin, joka näyttää ja tuntuu paljon YouTuben soittimen kaltaiselta.
• Videon laadun muuttaminen soittimessa.
• Vaihda tekstitystä soittimessa (käyttäen libassia JavascriptSubtitlesOctopuksen kanssa).
• Nopeussäätimet.
• Automaattinen seuraavan videon toisto.
• Lyhennysvalinnat (katso pikanäppäinluettelo)

Lataus

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

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

Kuvakaappaukset

Tekstitysmoottori

Selain on todella huono näyttämään tekstityksiä, joten jouduin etsimään kirjaston, joka pystyy renderöimään SSA/ASS-tekstityksiä. Olen tutkinut vain WebVTT:n käyttöä, muttaChrome ei oikein pystynyt renderöimään niitä ilman isoa mustaa laatikkoa niiden ympärillä.

Siten olen päättänyt käyttääJavascriptSubtitlesOctopusta,joka on emscripten-projekti, joka tekee libassista toimivan selaimessa fonttituen kanssa. Minun on kuitenkin pitänyt tehdä joitakin muutoksia projektiin, jotta mahdollistetaan dynaaminen lataaminendefault.tt-tiedoston jafonts.con-tiedoston avulla. Olen myös toteuttanut tavan muuttaa tekstitysraitaa ilman, että moottoria pyörittävän WebWorkerin täytyy käynnistyä uudelleen.

Kaikki muutokset löytyvät täältä.

Build

Tämän projektin rakentaminen tuottaa crunchyroll-html5.user.js-tiedoston/dist-hakemistoon. Jotta se toimisi Crunchyrollissa, sinun on lisättävä auserscript-otsake, joka sallii skriptin suorittamisen osoitteessahttp://www.crunchyroll.com/*. En ole tällä hetkellä tehnyt sitä kykeneväksi rakentamaan foreach-selaimelle tai userscriptille.

Voit ennen rakentamista varmistaa, että olet asentanut Node.js:nja Yarnin (valinnainen). Sen jälkeen sinun on asennettava projektin riippuvuudet joko Yarnin kautta.

Rakentaminen tapahtuu ajamalla skripti build:

$ yarn build

Pakkaaminen

Voit paketoida vanhan Firefox-lisäosan firefox.xpi (allekirjoittamaton, koska sitä ei ole enää mahdollista allekirjoittaa) ja Web-laajennuksen webextension.zip (allekirjoitettava ks. alla).

$ yarn package:firefox$ yarn package:webextension

Firefox Signing

Voit allekirjoittaa Web Extensionin. Tarvitset kuitenkin API-avaimen ja APIsalaisuuden voidaksesi allekirjoittaa Web-laajennuksen (saat sellaisen täältä).Jos jätät laajennuksen ID:n tyhjäksi, luodaan uusi ID. Voit käyttää luotua ID:tä tulevaisuudessa päivittääksesi laajennuksen sen sijaan, että luot uuden laajennuksen joka päivityksen yhteydessä.

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

TODO

• Lisää tuki etenemisen seurannalle
  • Chrunchyroll
    • Katsottujen jaksojen seuranta
    • Käyttäkää Crunchyrollin jatko-ominaisuutta.
  • Kitsu
    • Katsottujen jaksojen seuranta
  • MyAnimeList
    • Katsottujen jaksojen seuranta
  • Local
    • Katsottujen jaksojen seuranta
    • Katsottujen jaksojen seuranta
    • Tarkista, mitä videota olet katsonut.
    • Jatka videoita, joita et ole vielä katsonut kokonaan.
  • …
• Lisää mahdollisuus vaihtaa tekstitys muille kielille. Tällä hetkellä näytetään vain oletustekstitys (useimmissa tapauksissa tämä on englanti).
• Lisää lisää fontteja. Tällä hetkellä vain Arial on käytettävissä. Pitäisi olla melko helppoa, mutta tätä varten on tehtävä jonkin verran testausta.
• Harkitse laadunvalinnan siirtämistä soittimeen.
• Katso lisäämässä Chromecast-tukea.
• Lisää loppuruutu, joka ilmaisee, että käyttäjä on lopettanut tämänhetkisen jakson, ja ehkä siirtyy automaattisesti seuraavaan jaksoon.
• Lisää useita versioita tästä projektista käyttäjien skriptejä, Chromea, Firefoxia ja muuta varten.
• Lisää tapa, jolla soitin voi muistaa käyttäjän valinnat siitä, kuinka korkea tai matala äänenvoimakkuus on.
• Katso koodin koon pienentämistä userscriptissä.

Pääkirjastot

• hls.js
• JavascriptSubtitlesOctopus