nekocap

_{Logo von @iceikory}

Nekocap

Eine Browser -Erweiterung zum Erstellen, Hochladen und Anzeigen von Community erstellte Bildunterschriften auf Video -Sharing -Websites wie YouTube, Vimeo und Niconico.
Holen Sie sich die Erweiterung: Chrome / Edge | Firefox
Website: nekocap.com

Schließen Sie sich der Zwietracht hier an:

Merkmale

Verlängerung

• Eingebaute Bildungsbeschaffungsredakteur direkt von unterstützten Video -Sharing -Websites zugänglich
  • Benutzerdefinierte Untertitelpositionierung
  • Unterstützung für Hotkeys aus verschiedenen Bearbeitungssoftware
  • Caption File Export (SRT)
  • Weitere kommen
• Beschriftungsdatei Laden (SRT, VTT, SBV, SSA, ASS, TXT unterstützt)
• Bildunterschrift Upload
• Bildunterschrift
• Weitere Umspannwerbung Alpha (SSA/ASS)
• Bildunterschriftssystem

Webseite

• Bildunterschrift
• Bildunterschriftenprofile
• Bildunterschrift Review -Seite
• Captioner Moderation Tools (verifizieren, ablehnen)

Unterstützte Websites

• YouTube
• Vimeo
• Bilibili
• Niconico
• Tver
• Netflix (Editor deaktiviert)

Setup für die lokale Entwicklung

1. Stellen Sie sicher, dass Sie Knoten 16 verwenden (funktioniert noch nicht mit späteren Versionen).
2. Führen Sie npm install aus
3. Kopieren Sie den Inhalt von .env.sample in .env und füllen Sie die Details aus.
   • Firebase -Variablen werden für Auth verwendet
4. Führen Sie npm run watch aus, um den WebPack Dev Server sowohl für die Erweiterung als auch für die Nekocap -Website zu starten
5. Gehen Sie zu chrome://extensions in Chrom und laden Sie die ausgepackte Erweiterung aus dem Ordner dist/extension
6. Gehen Sie zu http://localhost:12341 um auf die Nekocap -Website zuzugreifen

Hinzufügen von Schriftarten, die von der Nekocap -Site für SSA/ASS -Rendering gehostet werden sollen

1. Erstellen Sie einen Ordner namens fonts im public Ordner.
2. Fügen Sie WOFF2 -Webfonts hinzu, die Sie von der Website in diesen Ordner bedienen möchten
3. Ändern Sie src/common/substation-fonts.ts um den entsprechenden WOFF2-Dateien in diesem Ordner Schriftbenamen zuzuweisen.
4. Führen Sie npm run fontlist aus, um die Datei public/fontlist.json zu generieren, die von der Erweiterung und der Website gezogen wird, um zu wissen, welche Schriftarten verfügbar sind. Sie können diese Datei und die Schriftarten separat servieren, damit Sie nicht neu anwenden müssen, wenn neue Schriftarten hinzugefügt werden.

Erstellen eines Produktionsbaues

1. Kopieren Sie den Inhalt von .env.sample nach .env.prod und füllen Sie die Details ein.
   1. Fügen Sie PRODUCTION=1 zum Ende der Datei hinzu.
2. Führen Sie npm run build aus, um sowohl die Erweiterung als auch die Website zu erstellen
   • Führen Sie npm run build:ext , um nur die Erweiterung zu erstellen
   • Führen Sie npm run build:web , um nur die Website zu erstellen
3. Die Ausgabe wird in .next/ und dist/extension sein
   1. Lizenzinformationen der verwendeten Pakete finden Sie in *.licenses.txt neben dem Ausgang JavaScript

Wenn Sie die Nekocap -Website Docker Image erstellen möchten

1. Folgen Sie Schritt 1 bei der Erstellung eines Produktionsbaues
2. Kopieren Sie den Inhalt von Dockerfile.sample Dockerfile
3. Kopieren Sie die NGINX -Vorlage docker/default.conf.template in docker/default.conf und ändern Sie die Konfiguration auf Ihre Anforderungen.
4. Führen Sie docker build mit Ihren gewünschten Optionen aus.

Umgebungsvariablen

Hier finden Sie die Liste der Umgebungsvariablen hier.

Besonderer Dank

Viele großartige Pakete haben dazu beigetragen, dies zum Leben zu erwecken, aber zusätzliche Kudos gehen zu diesen Projekten, ohne die Nekocap nicht dasselbe gewesen wäre:

• Untertiteloctopus - Arschwiedergabe
• React Hotkeys - einfach zu bedienende Hotkeys (Verwenden Sie den neuesten GitHub Build und nicht das veraltete NPM)
• Untertitel.js - SRT und VTT -Parsen
• Ass -Compiler - Arsch Parsen

Übersetzungen:

• Arabisch: Adnamie
• Französisch: Adnamie
• Japanisch: Rama_onehalf
• Persisch: Pikhosh
• Vietnamesisch: Golđén