個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

Chromeのタブをクリックするだけで音声を消す方法

Chromeのタブをクリックするだけで音声を消す方法

Google Chromeのタブをクリックするだけで音声を消す方法をご紹介します。
Chromeの最新版を利用している方はお気づきと思いますが、音声が流れるサイトを見ているとタブに「スピーカーマーク」が出ていると思います。
音声を消すには、音量をコントロールする必要がありました。
しかし、仕事場などでブラウジングしていて、突然、音声が出た場合、消すためにボリュームをコントロールするには少し手間取りますよね。
そんなときに便利なのが、タブをクリックするだけで音声を消すという方法です。
なかなか便利な機能なので、もしよろしければ。

Chromeのタブをクリックするだけで音声を消す方法

設定はとっても簡単です。
Chromeを開いてアドレスバーのところに「chrome://flags/」と入力し、エンターを押します。

Chromeのタブをクリックするだけで音声を消す方法

すると以下のような画面になるので、「タブの音声ミュート用のユーザー インターフェース コントロールを有効にする。」の項目をcommand+Fで検索して、「有効にする」をクリックします。
クリックするとページ下部に「今すぐ再起動」のボタンが出るので、クリックして再起動します。

Chromeのタブをクリックするだけで音声を消す方法

これで準備が整いました。
あとは音声の流れるサイトを開いて、タブを押すだけで音声をON/OFFできるか、試してみてください。

Chromeのタブをクリックするだけで音声を消す方法

なお、「chrome://flags/」で開くウインドウは、「試験運用機能」の一覧になります。
開発中の機能がいろいろと出ているので、有効・無効を試してみるのも面白いかもしれませんね。
ただ、随時変更、中断、提供中止されることがあり、問題の発生する場合もあるようです。

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 1

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

文字をカラフルに!CSSとjQueryでテキストを2〜3色で表現してしまう「HalfStyle」

CSS3やWEBフォントの登場でテキスト回りの装飾がお手軽になってきましたが、1文字をだけを2〜3色

記事を読む

WEBデザインのインスピレーションに!UIデザインのコードスニペットコレクション「CodeMyUI」

WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「Code

記事を読む

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

iPhoneもMacも簡単OK!CSSだけであなただけのAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device Generator」

iPhoneもMacも簡単OK!CSSだけであなただけのAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device Generator」

CSSだけでAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device

記事を読む

Bootstrapの無料テーマを探すなら一箇所で全部探せる「ThemeFinder」

Bootstrapの無料テーマを探すなら一箇所でまとめて探せる「ThemeFinder」

Bootstrapの無料テーマを探すなら一箇所でまとめて探せる「ThemeFinder」をご紹介しま

記事を読む

左右からメニューがスルッ!CSSだけで作れらたオフカンバスメニュー

左右からメニューがスルッ!CSSだけで作成されたオフカンバスメニュー6

CSSだけで作られたオフカンバスメニューをまとめてご紹介します。 「オフカンバスメニュー」は、ボタ

記事を読む

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ

記事を読む

売上手数料なし!簡単・便利なWixStoresでネットショップを開業する方法

「知識ゼロだけど自分でネットショップを作りたい」「業者に頼む余裕も予算もない」そんな方にオススメなの

記事を読む

無料で利用できる検索フォーム12(CSS3,HTML5,jQuery)

検索フォームはサイトに欠かせない重要な要素の1つになっています。 最近では、アニメーションを用いた

記事を読む

切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法

切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法をご紹介します。 リボン関連に

記事を読む