nekocap

_{@iceikoryによるロゴ}

nekocap

コミュニティの作成、アップロード、および表示のためのブラウザ拡張機能YouTube、Vimeo、Niconicoなどのビデオ共有サイトでキャプションを作成しました。
拡張機能を取得：Chrome / Edge | Firefox
ウェブサイト：nekocap.com

ここで不一致に参加してください：

特徴

拡大

• サポートされているビデオ共有サイトから直接アクセスできるキャプションエディターに組み込まれています
  • カスタムキャプションポジショニング
  • さまざまな編集ソフトウェアからのホットキーのサポート
  • キャプションファイルエクスポート（SRT）
  • もっと来る
• キャプションファイルの読み込み（SRT、VTT、SBV、SSA、ASS、TXTサポート）
• キャプションアップロード
• キャプション表示
• 高度な変電所アルファ（SSA/ASS）キャプションレンダリング
• キャプション評価システム

Webサイト

• キャプション付きビデオ検索
• キャプションプロファイル
• キャプションレビューページ
• キャプションモデレーションツール（確認、拒否）

サポートされているサイト

• YouTube
• Vimeo
• ビリビリ
• ニコニコ
• tver
• Netflix（エディター無効）

ローカル開発のためのセットアップ

1. ノード16を使用していることを確認してください（後のバージョンではまだ動作しません）
2. npm installを実行します
3. .env.sampleの内容を.envにコピーして、詳細を入力します。
   • Firebase変数はAUTHに使用されます
4. npm run watchを実行して、拡張機能とnekocapウェブサイトの両方でWebpack devサーバーを起動します
5. chrome://extensions in chromeに移動し、 dist/extensionフォルダーから[未貼りの拡張子]をロードします
6. http://localhost:12341にアクセスして、nekocap Webサイトにアクセスしてください

SSA/ASSレンダリング用のNEKOCAPサイトからホストするフォントを追加する

1. publicフォルダーにfontsと呼ばれるフォルダーを作成します。
2. ウェブサイトからそのフォルダーに提供したいWoff2 webfontsを追加します
3. src/common/substation-fonts.tsを変更して、そのフォルダー内の対応するWOFF2ファイルにフォント名を割り当てます。
4. npm run fontlistを実行して、拡張機能とウェブサイトによって引用されるpublic/fontlist.jsonファイルを生成して、どのフォントが利用できるかを知ります。このファイルとフォントを個別に提供して、新しいフォントが追加されたときに再展開する必要がないようにすることができます。

生産ビルドの作成

1. .env.sampleの内容を.env.prodにコピーし、詳細を入力します。
   1. PRODUCTION=1ファイルの最後に追加します。
2. npm run buildを実行して、拡張機能とウェブサイトの両方を構築する
   • npm run build:extを実行して、拡張機能のみをビルドします
   • npm run build:web実行して、Webサイトのみを構築します
3. 出力は.next/ and dist/extensionになります
   1. 使用されたパッケージのライセンス情報は、出力JavaScriptの横にある *.licenses.txtになります

NekocapのWebサイトDocker Imageを構築したい場合

1. 制作ビルドの作成でステップ1に従ってください
2. Dockerfile.sampleの内容をDockerfileにコピーし、必要なものは何でも変更します。
3. nginxテンプレートdocker/default.conf.templateをdocker/default.confにコピーし、ニーズに合わせて構成を変更します。
4. 目的のオプションでdocker build実行します。

環境変数

環境変数のリストはこちらを参照してください。

特別なありがとう

多くの優れたパッケージはこれを実現するのに役立ちましたが、余分な称賛はこれらのプロジェクトに行きますが、それなしではネコカップは同じではありませんでした：

• subtitleoctopus -assレンダリング
• React Hotkeys-使いやすいホットキー（時代遅れのnpmではなく、最新のgithubビルドを使用してください）
• Subtitle.js -SRTおよびVTT解析
• お尻コンパイラ - お尻の解析

翻訳：

• アラビア語：アドナム
• フランス語：アドナム
• 日本：rama_onehalf
• ペルシャ語：ピコシュ
• ベトナム人：ゴルシーン