個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて

記事を読む

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

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

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

記事を読む

人気のHTML/CSSコードサンプル25+おまけ2 from CodePen

CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類

記事を読む

通信量無制限!? 隣近所のWiFiをシェアして利用し放題にする注目のサービス「シェアWiFi」

通信量無制限!? 隣近所のWiFiをシェアして利用し放題にする注目のサービス「シェアWiFi」

隣近所のWiFiをシェアして利用し放題にする注目のサービス「シェアWiFi」がリリースされました。

記事を読む

CSS3を知らなくてもOK!便利すぎるCSS3関連ツール&ジェネレーター51

CSSを入力するときには、細かいプロパティを覚えていないと、作業がなかなかはかどりません。 特に、

記事を読む

40以上のホバーエフェクトをCSSだけで実装できる「Hover.Css」

40以上のホバーエフェクトをCSSだけで実装できる「Hover.Css」

最近はいろいろなサイトで魅力的なホバーエフェクトを目にする機会が増えました。 今回は、そんなホバー

記事を読む

レスポンシブWEBデザイン用ナビゲーション&メニューのベストパターン16

レスポンシブWEBデザインは当たり前の世の中になりました。 当たり前になるにつれて、レスポンシブW

記事を読む

CSS3をお手軽・簡単にするCSS3関連ツール&ジェネレーター43

ベンダープレフィックスを自動で付けられるPrefixrがサービス終了!が後継者「Express Prefixr」現る

ベンダープレフィックスを簡単につけることができるWEBサービスPrefixr。 ところが、このPr

記事を読む

無料で商用利用可のレスポンシブ/HTML5対応のテンプレートをまとめてくれている「HTML5 UP」

無料テンプレートを探すとき、どういう基準で探していますか? レスポンシブ対応? HTML5対応?

記事を読む

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊

記事を読む