生放送で英語字幕をリアルタイムで表示させる簡単な方法。OBS配信で外国語を自動で表示させる設定方法【ライブYoutube・ツイキャス・ニコ生・twitch】

配信で英語の字幕を表示させたいけどどうすればいいの?
OBSでリアルタイムに簡単に字幕表示した配信をしたい。

そんなことを思ったことはないでしょうか?

僕も字幕を表示させたくて今までに色々と試しましたが、とても簡単に字幕表示できる&字幕精度が高いものを見つけました。

雑談配信、ゲーム配信でも英語字幕を表示しています。

生放送で英語字幕をリアルタイムで表示させる簡単な方法。OBS配信で外国語を自動で表示させる設定方法【ライブYoutube・ツイキャス・ニコ生・twitch】
生放送で英語字幕をリアルタイムで表示させる簡単な方法。OBS配信で外国語を自動で表示させる設定方法【ライブYoutube・ツイキャス・ニコ生・twitch】

英語以外にも中国語、韓国語、フランス語、イタリア語、スペイン語、ベトナム語、タイ語、アラビア語…などなど対応しています。

今回は「生放送で英語字幕をリアルタイムで表示させる簡単な方法」を紹介します。

ツイキャス・twitch・Youtube・ニコ生…などで配信をする方で字幕で外国語を表示させたいけどどうやればいいかわからない方、字幕表示でオススメはどればいいか分からないという方にこの記事がお役に立てば嬉しいです。

※日本語の字幕のみを表示したい方は「配信で字幕をリアルタイム表示させる簡単な方法」をご覧ください。

目次

生放送で英語字幕をリアルタイムで表示させる簡単な方法【OBS配信で外国語を自動で表示させる設定方法】

生放送で英語字幕をリアルタイムで表示させる方法の手順を超簡潔に紹介してから、その後徹底的に分かりやすく解説します。

STEP
音声認識字幕ちゃんのHPにアクセスする
生放送で英語字幕をリアルタイムで表示させる簡単な方法【OBS配信で外国語を自動で表示させる設定方法】

下記URLの音声認識字幕ちゃんのページにアクセスをします。
http://www.sayonari.com/trans_asr/index_asr.html

STEP
google翻訳の設定をする

翻訳を使う場合はgoogle翻訳の設定をします。

STEP
OBSで設定をする
生放送で英語字幕をリアルタイムで表示させる簡単な方法【OBS配信で外国語を自動で表示させる設定方法】

OBSで設定をします

STEP
画像なども入れて配信画面が完成!
生放送で英語字幕をリアルタイムで表示させる簡単な方法【OBS配信で外国語を自動で表示させる設定方法】

画像なども入れて配信画面が完成!

やることはとても少ないので簡単!

google翻訳の設定が少しやることが多いですがしっかりと画像付きで解説するのでパソコンが苦手な人でも安心して設定が可能です。

配信で英語字幕をリアルタイムで表示させるために「音声認識字幕ちゃん」のHPを開く 【OBSで簡単字幕表示ライブ】

配信で英語字幕をリアルタイム表示させるためにまずは音声認識字幕ちゃんのHPに移動します.

配信で英語字幕をリアルタイムで表示させるために「音声認識字幕ちゃん」のHPを開く 【OBSで簡単字幕表示ライブ】

下記URLの音声認識字幕ちゃんのページにアクセスをします。
http://www.sayonari.com/trans_asr/index_asr.html

音声認識字幕ちゃんのHPを開くとこのような画面が開きます。

配信で英語字幕をリアルタイムで表示させるために「音声認識字幕ちゃん」のHPを開く 【OBSで簡単字幕表示ライブ】

「最新版」と書かれたURLをクリックします

配信で英語字幕をリアルタイムで表示させるために「音声認識字幕ちゃん」のHPを開く 【OBSで簡単字幕表示ライブ】

https://sayonari.github.io/jimakuChan/

最新版のURLを開くとこちらの画面が表示されます。

配信で英語字幕をリアルタイムで表示させるために「音声認識字幕ちゃん」のHPを開く 【OBSで簡単字幕表示ライブ】

もうすでにこの画面でPCのマイク、もしくは接続しているマイクに向かって話せば自動で字幕が表示されます。

配信で英語字幕をリアルタイムで表示させるために「音声認識字幕ちゃん」のHPを開く 【OBSで簡単字幕表示ライブ】

こちらの画面は開きっぱなしにしておいてください。

次は翻訳のための設定です。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をします。

新しいプロジェクトの作成

https://script.google.com にアクセスします。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

左側にある「新しいプロジェクトの作成」を押します。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

プログラム内容を書き換える

「新しいプロジェクトの作成」をすると別の画面が表示されます。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

最初に表示されているコードを消去します。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

キーボードのBack Spaceなどで消します。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

コード欄に以下のコードをコピーして貼り付けます。

function doGet(e) {
	const params = e.parameter
	var translatedText = LanguageApp.translate(params.text, params.source, params.target);
	const output = ContentService.createTextOutput();
	output.setMimeType(ContentService.MimeType.JSON);
	output.setContent(translatedText);
	return output;
}
生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

貼り付けたらコード欄の上の「💾」マークをクリックして保存をします。もしくはCtrl+sで保存します。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】
生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

「デプロイ」→「新しいデプロイ」を選択

次は右上にある「デプロイ」をクリックします。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

「デプロイ」をクリックすると色々と出てくるので「新しいデプロイ」を選択します。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

「新しいデプロイ」を選択すると画面上に新しい画面が表示されます。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

「⚙」のマークをクリックします。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】
生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

一番上にある「ウェブアプリ」を選択します。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

ウェブアプリの画面が表示されます。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

2番目の「次のユーザーとして実行」、3番目の「アクセスできるユーザー」をチェックします。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

「次のユーザとして実行」は自分に設定します。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

「アクセスできるユーザー」は全員にします。

最後に右下の「デプロイ」をクリックします。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】
生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

この画面の直後にデプロイIDが表示されます。

生放送で英語字幕をリアルタイム表示させるために「google翻訳のkeyを取得し設定」をする 【OBS配信で外国語を自動で表示させる設定方法】

配信で英語字幕をリアルタイム表示させるために「デプロイIDをGoogle Script API-KEYに」をする 【OBS配信で外国語を自動で表示させる設定方法】

音声認識字幕ちゃんのページのGoogle Script API-KEYの部分にデプロイIDをコピペします。

配信で英語字幕をリアルタイム表示させるために「デプロイIDをGoogle Script API-KEYに」をする 【OBS配信で外国語を自動で表示させる設定方法】
配信で英語字幕をリアルタイム表示させるために「デプロイIDをGoogle Script API-KEYに」をする 【OBS配信で外国語を自動で表示させる設定方法】

デプロイIDをコピーしてGoogle Script API-KEYに貼り付けます。

配信で英語字幕をリアルタイム表示させるために「デプロイIDをGoogle Script API-KEYに」をする 【OBS配信で外国語を自動で表示させる設定方法】

これで翻訳の設定が出来ました!

外国語の言語を変更する

外国語の言語を変更する場合は音声認識字幕ちゃんのページの「翻訳言語」の部分を設定します。

外国語の言語を変更する 配信で英語字幕をリアルタイム表示させるために「デプロイIDをGoogle Script API-KEYに」をする 【OBS配信で外国語を自動で表示させる設定方法】

翻訳言語の横をクリックすると各言語が表示されますのでお好みの言語を選びます。

外国語の言語を変更する 配信で英語字幕をリアルタイム表示させるために「デプロイIDをGoogle Script API-KEYに」をする 【OBS配信で外国語を自動で表示させる設定方法】

次はOBSでの設定方法です。

配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】

配信で字幕をリアルタイム表示させるためにOBSの設定をします。

OBSを起動させます。

OBSを起動させます。

配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】

ソースの項目でウィンドウキャプチャを選択する

ソースという項目で「+」ボタンをクリックします。

配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】
配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】

+をクリックすると色々と項目が出てくるので「ウィンドウキャプチャ」を選びます。

配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】

「ウィンドウキャプチャ」を選ぶと下画面が出てくるので好きな名前をつけてOKをクリックします。

配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】

OKを押すとソース部分にウィィンドウキャプチャが表示されるのでダブルクリックをします。

配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】
配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】

ウィンドウの部分をクリックして先ほど表示した音声認識字幕ちゃんの画面を選択し、下にある「OK」をクリックします。

配信で英語字幕をリアルタイム表示させるために「OBSでウィンドウキャプチャで表示」をする 【OBS配信で外国語を自動で表示させる設定方法】

音声認識字幕ちゃんの画面が表示されました。

配信で字幕をリアルタイム表示させるために「画面の大きさを調整」をする 【OBSで簡単字幕表示ライブ】

音声認識字幕ちゃんの画面が表示されましたが全画面が表示されてしまい邪魔な部分がとても多いです。

緑色の部分に字幕が表示されるので、緑色の部分だけを表示させるよう画面の大きさを調整をします。

配信で字幕をリアルタイム表示させるために「画面の大きさを調整」をする 【OBSで簡単字幕表示ライブ】

上下左右の四角(■)の部分にカーソルを合わせて、
キーボードの「Ait」を押しながらクリック。
そのまま移動させると縮めたり大きくできたりします。

これを4か所調整して緑色の部分だけ残るように大きさを調整します。

配信で字幕をリアルタイム表示させるために「画面の大きさを調整」をする 【OBSで簡単字幕表示ライブ】

画面全体に広げます。

配信で字幕をリアルタイム表示させるために「画面の大きさを調整」をする 【OBSで簡単字幕表示ライブ】
配信で字幕をリアルタイム表示させるために「画面の大きさを調整」をする 【OBSで簡単字幕表示ライブ】

これで大きさの調整は終わりです。

配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

画像を貼り付けて配信画面を作ってみます。

配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】
配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

字幕を表示させようとすると字幕の後ろは緑色で表示されてしまっています。

背景を透過・消して字幕だけを残すよう設定

背景を透過・消して字幕だけを残すよう設定をします。

「ソース」の部分の「ウィンドウキャプチャ」にカーソルを置き「右クリック」をします。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

「ウィンドウキャプチャ」にカーソルを置き「右クリック」をすると多くの項目が表示されます。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

「フィルタ」という項目を左クリックで選択します。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

フィルタを選ぶとこの画面が出てきます。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】
背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

表示画面の左下の「+」をクリックし、「クロマキー」という項目を選択します。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】
背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

「クロマキー」を選択すると名前を決める画面が出てくるので、お好みの名前を決めて「OK」をクリックします。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

クロマキーの設定画面が出てきますがとくにいじらなくてOKです。右下にある「閉じる」をクリックします。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

閉じるを押すと画面が切り替わります。

背景を透過・消して字幕だけを残すよう設定 配信で字幕をリアルタイム表示させるために「クロマキーで背景を透過させる」をする 【OBSで簡単字幕表示ライブ】

これで背景を透過・消して字幕だけにすることが出来ました。

配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】

ここまでで字幕を表示させることが出来ました。

配信・ライブをする際には背景に画像なども使う人が多いと思うので、画像などを使って配信画面を作成してみましょう。

ソースで画像を選択して後ろに配置する

画像を選択するためには「ソース」の「+」で「画像」を選択し好みの画像を選びます。

配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】

画像が表示されましたが、字幕が消えてしまいました。

これは字幕の上(手前)に画像が乗っかってしまっている状態です。

字幕が「画像の上」にくるように設定します。

ソースの「画像」をクリックして選択をしてから、下にある「↓」のボタンをクリックします。

配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】
配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】

「画像」がしたに下がり順番が入れ替わりました。

配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】

これで字幕が画像の上に表示されるようになりました。

字幕の位置を移動させる

あとは字幕の位置をお好みの場所に移動させます。

OBSの画面上の字幕の範囲を左クリックし、移動させればOKです。

配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】

上にも表示させるのも下に表示のも右上に小さく表示させるのもお好みで移動してくださいね!

配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】
配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】

ゲーム配信では「ウィンドウキャプチャ」を表示

ゲーム配信をする場合はゲーム画面を「ウィンドウキャプチャ」で表示させて、その上に字幕を表示すればOKです。

ゲーム配信では「ウィンドウキャプチャ」を表示 配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】
ゲーム配信では「ウィンドウキャプチャ」を表示 配信で字幕をリアルタイム表示させるために「画像などを使って配信画面を作成」する 【OBSで簡単字幕表示ライブ】

生放送で英語字幕をリアルタイム表示させるために「文字色やサイズの調整」をする 【OBSで簡単字幕表示ライブ】

音声認識字幕ちゃんのページの緑色の下には字幕の設定項目が表示されています。

生放送で英語字幕をリアルタイム表示させるために「文字色やサイズの調整」をする 【OBSで簡単字幕表示ライブ】

フォントの変更、フォントのサイズ、縁取りの厚さ、表示時間の設定などができるので自分好みにアレンジをしてみてください。

生放送で英語字幕をリアルタイムで表示させる簡単な方法。OBS配信で外国語を自動で表示させる設定方法【ライブYoutube・ツイキャス・ニコ生・twitch】

生放送で英語字幕をリアルタイムで表示させる簡単な方法。OBS配信で外国語を自動で表示させる設定方法【ライブYoutube・ツイキャス・ニコ生・twitch】

配信で英語字幕をリアルタイム表示させる簡単な方法の紹介でした。

やることが多そうに見えますがやってみるとかなり簡単に表示させることが出来ます。

この方法がお役にたてば嬉しく思います。

※日本語の字幕のみを表示したい方は「配信で字幕をリアルタイム表示させる簡単な方法」をご覧ください。

Twitterでフォローを外した・解除した人を確認してフォローを外す。フォロワーからいなくなったリムーブした人を探して一気に削除するのがオススメ!

Twitterをしているとブロックをされたりフォローを外す人も現れます。

「Twitterでフォロー外された・解除の人を確認する」のはSocial Dogで確認をすることができます。

フォローされていないアカウントを探してフォロー解除もできます。

X(Twitter)でフォローを外した・解除した人を確認してフォローを外す。フォロワーからいなくなったリムーブした人を探して一気に削除するのがオススメ!

「X(Twitter)でフォロー外された・解除の人を確認する」のはSocial Dogで確認をすることができます。

フォローされていないアカウントを探してフォロー解除もできます。

https://www.amazon.co.jp/gp/video/storefront?benefitId=default&tag=norinori0107-22

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ギタリストとして活動する中、1人でほぼ初海外で世界一周の旅に出る。帰国後演奏しながら株式会社を立ち上げ経営。役に立てることが嬉しいと思う性格。ブログのアクセスは月34万PV達成!累計1200万PV達成。 ミルクティーとフルグラと犬が好きです。

今日のオススメ記事

こちらもオススメ

運営サイト・ブログ

コメント

コメント一覧 (2件)

コメントする

目次