YouTubeの「日本語字幕」が表示し易くなった?
英語字幕はすぐに表示できますが、それを日本語字幕に変更するのがけっこう手間なので、ボタン1つで日本語字幕に切り換えるツール「JP-Subtitles」を作りました。
しかし、日本語字幕にいったん設定してしまえば、YouTubeのプレーヤーに設定が記録される様で、先週の記事 の動画でこのツールをOFFにしても簡単に日本語字幕が表示できました。
という事は、「JP-Subtitles」は余り意味のないツールという事になりますが、まあ、色々なテストで必要な場合がありそうなので、私は常駐させてます。
また、自動翻訳先の言語を選択してテストして気付いたのですが、ブログに埋込みをしたYouTube動画と、そこからYouTubeサイトを開いて再生をした同じ動画は、表示場所は受け継がれますが、翻訳言語の設定は別設定になる様です。 ややこしい。
字幕のデザインや配置場所が指定できる
私は知らなかったのですが、字幕の表示場所をドラッグで好きな場所に移動できるんですね。 下はデフォルトの字幕の位置です。
下は、字幕をドラッグして、画面の上部に移動した状態です。
字幕の位置は動画ごとにリセットされますが、位置が変えられる事を知っていると便利な時がありそうです。
一方、字幕のデザインは細かく指定できます。 最近に出来た機能でしょうか?
字幕デザインの設定は、「 」ボタン ➔「字幕」➔「オプション」で下のメニューが表示されます。
デフォルトはどんな場合にも読み易いのですが、下の様な映画の字幕風に出来ます。
もう少し文字の縁取りが太い方が読み易いと思いますが、デフォルトのメニューでは設定ができません。 これについては「YouTube Theater」のアレンジ項目を追加したいと思います。 更新は明日の記事に合わせます。
「JP-Subtitles」の操作方法
最初に書きましたが、このツールはあまり不要ではないかも知れません。 でも、もし日本語字幕の設定がなかなかできない様でしたら、このツールを「Tampermonkey」に登録して使ってみてください。 字幕のアイコンを押すと簡単に切り換わります。
● ❶「字幕」のスイッチをクリックして赤いアンダーラインが付ける事ができれば、自動的に「日本語字幕」が表示されます。
▪「字幕」をONに出来ない動画の場合は、このツールを使っても無効です。
● ❶「字幕」のスイッチをクリックして赤いアンダーラインを消すと、「日本語字幕」は非表示になります。
▪「JP-Subtitles」を使う場合は「自動生成された字幕を含める」を「OFF」にする事がお勧めです。 理由は以下です。
▪ YouTubeの設定で「自動生成された字幕を含める」を「ON」にしている場合は、最初から赤いアンダーラインが表示され、その場合は ❶ の2度クリックが必要です。
▪「自動生成された字幕を含める」の「ON / OFF」の設定は以下で行えます。
「JP-Subtitles」を利用するには
このツールは Chrome / Edge / Firefox版の拡張機能「Tampermonkey」上で動作します。 ツールは常駐タイプで常時にONにしておくと、YouTube動画ページでのみ機能します。 また、ページ埋込みされた YouTube動画でも、この機能は有効です。
以下に、このツールの導入手順を簡単に説明します。
❶「Tampermonkey」を導入します
◎ 使用しているブラウザに拡張機能「Tampermonkey」を導入する事が必要です。
既に「Tampermonkey」を導入している場合は、この手順 ❶ は不要です。
拡張機能の導入については、以下のページに簡単な説明があるので参照ください。
❷「Tampermonkey」にスクリプトを登録します
◎「Tampermonkey」の「+」マークの「新規スクリプト」タブを開きます。
◎「新規スクリプト」には、最初からテンプレートが記入されています。 これは全て削除して、完全に空白の編集枠に 下のコードをコピー&ペーストします。
〔コピー方法〕 軽量シンプルなツール「PreBox Button 」を使うと
コード枠内を「Ctrl+左Click」➔「Copy code 」を「左Click」
の操作で、掲載コードのコピーが可能になります。
◎ 最後に「ファイル」メニューの「保存」を押すと、ツールが使用可能になります。
〔 JP-Subtitles 〕 ver. 0.2
// ==UserScript== // @name JP Subtitles // @namespace http://tampermonkey.net/ // @version 0.2 // @description YouTube動画の日本語字幕をワンタッチで表示する // @author everyone // @match https://www.youtube.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com // @grant none // ==/UserScript== let able_flag; let target=document.querySelector('head'); let monitor=new MutationObserver(main); monitor.observe(target, { childList: true }); main(); function main(){ let h_v_p_p_m=document.querySelector('.html5-video-player.playing-mode'); let y_sb_b=document.querySelector('.ytp-subtitles-button'); if(y_sb_b && h_v_p_p_m){ y_sb_b.onclick=function(){ able(); if(able_flag==1){ push_0(); setTimeout(()=>{ push_1(); }, 20); setTimeout(()=>{ push_2(); hide(); }, 40); setTimeout(()=>{ push_3(); hide(); }, 200); end(); } }}} function able(){ let y_sb_b=document.querySelector('.ytp-subtitles-button'); if(y_sb_b){ if(y_sb_b.getAttribute('aria-pressed')=='true'){ able_flag=1; } else{ able_flag=0; }}} function hide(){ let y_s_m=document.querySelector('.ytp-settings-menu'); if(y_s_m){ y_s_m.style.display='none'; }} function push_0(){ let y_st_b=document.querySelector('.ytp-settings-button'); if(y_st_b){ y_st_b.click(); }} function push_1(){ let y_menu=document.querySelectorAll('.ytp-menuitem'); for(let k=0; k<y_menu.length; k++){ if(y_menu[k].querySelector('.ytp-menuitem-icon')){ if(y_menu[k].textContent.includes('字幕') && y_menu[k].querySelector('.ytp-menuitem-label-count')){ if(able_flag==1){ y_menu[k].click(); }}}}} function push_2(){ let y_m=document.querySelectorAll('.ytp-menuitem'); for(let k=0; k<y_m.length; k++){ if(y_m[k].textContent.includes('自動翻訳')){ if(able_flag==1){ y_m[k].click(); }}}} function push_3(){ let y_m=document.querySelectorAll('.ytp-menuitem'); for(let k=0; k<y_m.length; k++){ if(y_m[k].textContent.includes('日本語')){ if(able_flag==1){ y_m[k].click(); }}}} function end(){ let y_m_c=document.querySelectorAll('.ytp-menuitem-content'); for(let k=0; k<y_m_c.length; k++){ if(y_m_c[k].textContent.includes('>> 日本語')){ able_flag=0; let y_s_m=document.querySelector('.ytp-settings-menu'); if(y_s_m){ y_s_m.style.display='inherit'; }}}}
「JP-Subtitles」最新版について
旧いバージョンの JavaScriptツールは、アメーバのページ構成の変更で動作しない場合があり、導入する場合は最新バージョンをお勧めします。
●「JP-Subtitles」の最新バージョンへのリンクは、以下のページのリンクリストから探せます。