メイン その他 URLからSRT / VTTファイルをロードする方法

URLからSRT / VTTファイルをロードする方法



より多くのストリーミングサービスがオンラインに移行するにつれて、おそらくブラウザでお気に入りの映画やテレビシリーズを見ているでしょう。 NetflixまたはHBOGOを使用している場合、クローズドキャプション(CC)またはVTT / SRTファイルへのアクセスは簡単です。ただし、多くの無料サービスではデフォルトでCCが提供されておらず、利用できる場合でも、言語が英語ではない可能性があります。

URLからSRT / VTTファイルをロードする方法

これが、URLからSRT / VTTをロードすることに頼る必要がある理由です。これまでに行ったことがない人にとっては、GitHub Gist、Google DevTools、および基本的なコーディングが含まれるため、この方法は圧倒されるように思われるかもしれません。ただし、Tの手順に従うと、特定のファイルをロードするのに問題はありません。

URLからSRT / VTTをロードする方法

ステップ1

まず、ダウンロードしてインストールする必要があります VisualStudioコード 見たい映画/シリーズの字幕/ SRTファイルを取得します。また、深刻なコーディングがなく、単純なコピーと貼り付けだけで済むことを心配する必要はありません。

ステップ2

Visual Studio Codeを起動し、次の行を入力します。

1 var thisWidth = jwplayer( ‘media-player’)。getWidth();

2 var thisHeight = jwplayer( ‘media-player’)。GetHeight();

サムスンのテレビのクローズド キャプションがオフにならない

3

4 var suck = jwplayer( ‘media-player’)[0] .allSources;

5 jwplayer( ‘media-player’)。setup({

6プレイリスト:[{ソース:suck、tracks:[{file:、label:English、kind:captions、default:true}]}]

7幅:thisWidth、

8高さ:thisHeight

9});

ステップ1

注意: 数字はコード行を表します。これらは、コピーと貼り付けを開始するとすぐにデフォルトでポップアップし、コードの一部ではありません。何かを見逃さないように注意してください。そうしないと、トリックが機能しません。

ステップ3

難しい部分がなくなったので、今がCCURLを作成するときです。ローンチ https://gist.github.com 、字幕ファイルを取得して、GistGithubのメインウィンドウにドロップします。

ステップ3

2つの別々のウィンドウが表示されます。上にスクロールして、ゴミ箱アイコンをクリックして最初のウィンドウを削除します。テキストボックスにsubtitles.srtがあるウィンドウはそのままにしておく必要があります。ページの一番下までスクロールし、[公開要点の作成]ボタンをクリックします。これにより、字幕がタイムスタンプ付きのコードに変わります。

最後に、Gistウィンドウの右上にあるRAWボタンを押して、URLのコードを取得します。

重要な注意点: 他の手順で必要になるため、ウィンドウ、Visual Studio Code、またはGistGitハブを閉じないでください。

ステップ4

この時点で、Chromeで見たいオンライン映画またはシリーズに移動できます。この記事の目的のために、123Moviesを使用し、NocturnalAnimalsムービーでテストしました。いずれにせよ、HTML5用のJWプレーヤーをサポートしている限り、このトリックは他のプラットフォームやビデオでも機能するはずです。

先に進むには、ブラウザ内の空の場所(ムービーがオンの状態)を右クリックして、[検査]を選択します。これによりDevToolsが表示され、[コンソール]タブをクリックする必要があります。

USB から vizio スマート テレビにアプリをインストールする方法

ステップ4

DevToolsのレイアウトはブラウザで少し異なるように見えるかもしれませんが、機能と宛先は同じです。

ステップ5

Visual Studio Codeウィンドウに戻り、コードをコピーして、DevToolsコンソールに貼り付けます。 (ステップ2でコードを入力しました。)

その後、Gist Githubウィンドウに移動し、字幕のURLをコピーします。正確には、アドレスバーですべてを選択し、キーボードのcmdまたはCtrl + Cキーを押します。次に、URLをコード内の正確な場所に貼り付ける必要があります。以下に示すように6行目です。

プレイリスト:[{ソース:suck、tracks:[{file:、label:English、kind:captions、default:true}]}]

宛先は空の括弧です の隣に [{ファイル: URL全体が括弧内に表示されます。念のために言っておきますが、このステップは非常に重要であり、その場を見逃してはなりません。そうしないと機能しません。

ステップ5

ステップ6

変更を確認するには、最後の行の横をクリックします( 9}); )コンソール内では、カーソルはセミコロンのすぐ後ろにある必要があります。次にEnterキーを押すと、すべてが正しく行われたことを確認するために、別のコード行が自動的に表示されます。

ステップ7

XアイコンをクリックしてDevToolsを終了します。また、GistGithubとVisualStudio Codeは不要になったため、これらを閉じることもできます。再生ボタンをクリックしてからCCをクリックし、字幕を映画/シリーズにロードします。すぐにプレーヤーに表示されます。

いくつかの知恵の言葉

この方法の欠点の1つは、埋め込まれた字幕の問題です。ブランド外のストリーミングサービスに関する多くのオンライン映画やシリーズには、オフにできない字幕が組み込まれています。言うまでもなく、2セットのCCでお気に入りのビデオを見るのは、控えめに言っても気が散ります。

考慮する必要があるもう1つのことは、CCフレームレートです。一般的なビデオ標準は30fpsですが、多くのオンライン映画では約24fpsです。つまり、いくつかのSRTファイルをテストして、どれが最適かを判断する必要があるかもしれません。

基本的なハッキングスキルが豊富

正直なところ、難しいのは、間違いを犯さずにVisual StudioCode内にコードを取得することだけです。また、DevToolsコンソール内でSRTURLの場所を特定する必要があります。この方法はVTTファイルでも機能するはずです。機能しない場合は、VTTをSRTに変換できるアプリがあります。

いずれにせよ、この方法はあなたのために働きましたか?どのストリーミングウェブサイトで使用しましたか?以下のコメントセクションであなたの経験についてすべて教えてください。

興味深い記事

エディターズチョイス

Microsoft Windows Vista
Microsoft Windows Vista
利用可能なサービス パック、エディション、リリース日、最小 (および最大) のハードウェアなど、Microsoft Windows Vista に関する基本情報。
Windows10のPowerShellで予約済みストレージを有効または無効にする
Windows10のPowerShellで予約済みストレージを有効または無効にする
Windows 10でPowerShellを使用して予約済みストレージを有効または無効にする方法Microsoftは、Windows 10バージョン2004の予約済みストレージ機能にいくつかの改善をサイレントに追加しました。これから、レジストリを有効または無効にするためにレジストリを変更する必要がなくなり、新しいそのためのDISMコマンド、および新しいPowerShellコマンドレット。Advertisment
GimpをPhotoshopのように見せるための方法
GimpをPhotoshopのように見せるための方法
無料の写真編集プログラムであるGIMPで何ができるかを知って驚かれることでしょう。このダウンロード可能なソフトウェアを使用すると、細部を編集したり、色を修正したり、写真を変更したりすることで、すばらしい写真を作成できます。」
ゼルダの伝説ブレスオブザワイルドのヒントとコツチャンピオンズバラードDLCパック
ゼルダの伝説ブレスオブザワイルドのヒントとコツチャンピオンズバラードDLCパック
任天堂によると、ゼルダの伝説ブレスオブザワイルドDLC拡張版のチャンピオンズバラードは、リリースされた2番目で最後のDLCパックであり、そのままの状態を維持します。アドオンはWiiUとスイッチで利用できます。
Androidでビデオ着メロを追加する方法
Androidでビデオ着メロを追加する方法
https://www.youtube.com/watch?v=Zs0OIbc2nuk スマートフォンは長い道のりを歩んできましたが、すぐに進化を止めることはありません。それらの機能は年々印象的で複雑になっているため、維持するのが難しい場合があります。
Paramount Plusを無料で入手する方法
Paramount Plusを無料で入手する方法
Paramount Plus の無料トライアルの詳細、プロモーション コード、および Paramount Plus を無料で入手するその他の方法。
MacBook Pro を工場出荷時にリセットする方法
MacBook Pro を工場出荷時にリセットする方法
MacBook Pro を完全に消去して、工場出荷時の設定に戻す時が来ましたか? Macbook Pro をオンラインで販売する場合でも、友人に貸与する場合でも、店舗に返却する場合でも、これは非常に重要です。