Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Nummer anzurufen, sie per SMS zu kontaktieren oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Learn More

No speaker icon after updating to 89.0 on Windows 10

  • 12 Antworten
  • 4 haben dieses Problem
  • 87 Aufrufe
  • Letzte Antwort von mikefellh

more options

After updating to 89.0 on Windows 10, I don't see a speaker icon on the tab that's currently playing audio unless I hover over the tab. In to previous releases, any tab that was playing audio had a speaker icon that showed you which tab(s) are playing.

Alle Antworten (12)

more options

Yes, the icon only shows on hover but there should be text below the page title that mentions the audio status. Not on yours?

Here's a comparison of "Normal" density and "Compact" density (on Compact, the speaker icon replaces the site icon):

Hilfreich?

more options

I was wondering what was going on with that myself. I see the text now but hadn't before. This is not remotely as useful as the way it was before, especially not for someone who's vision-impaired like myself who's looking for easy visuals. It was much better when the media playing icon was opposite to the favicon. If anyone figures out a way to switch it to the other side of the tab, I'd be grateful to know it.

Hilfreich?

more options

Although I appreciate that you are confirming that the speaker Icon is (in fact) gone, I agree with Lonita in that it is much easier to see an Icon than it is to see the word 'playing'. If you have lots of tabs open, you don't even see the whole word 'playing'. Before the update you could easily spot which tabs were playing audio because the speaker Icon takes up much less space and is much easier to see. moz:lla needs to bring back the Icon for us visually challenged folks.

Hilfreich?

more options

The add-on "Tree Style Tab" shows speaker icons in the sidebar (see image).

https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/

Hilfreich?

more options

That's a good resource. I never use the sidebar myself, though. I need something in the tabs.

Hilfreich?

more options

Hey Franz,

I installed this Extension and it does show a speaker Icon when a Tab is playing audio. However, now you have the horizontal tabs across the top and vertical tabs on the left (redundant). Is there a way to not display the horizontal tabs when you are using the vertical ones?

Hilfreich?

more options

JK schrieb

Is there a way to not display the horizontal tabs when you are using the vertical ones?

I don't know any way to do that.

Hilfreich?

more options

JK schrieb

Is there a way to not display the horizontal tabs when you are using the vertical ones?

https://support.mozilla.org/en-US/questions/1241745

Hilfreich?

more options

Note that you can possibly use code in userChrome.css to give the playing text a background color. All these messages are in the ".tab-secondary-label" container, but each message has its own class name in case you want to differentiate. Main selectors:

.tab-secondary-label
.tab-icon-sound-label.tab-icon-sound-playing-label
.tab-icon-sound-label.tab-icon-sound-muted-label
.tab-icon-sound-label.tab-icon-sound-blocked-label
.tab-icon-sound-label.tab-icon-sound-pip-label
.tab-icon-sound-label.tab-icon-sound-tooltip-label

Geändert am von cor-el

Hilfreich?

more options

I put together some CSS code to move the mute button next to the site icon when audio is playing in a tab. The results are like this in Normal density (on Windows 10 with Firefox's System Theme):

And like this in Compact density:

I added the rules to the sample code on this page: https://www.userchrome.org/download-userchrome-css.html (lines 16-43). You can use the Generate CSS Code button to download the contents of the editor box to your system in a userChrome.css file.

Hilfreich?

more options

For more context:

(For anyone who already has a userChrome.css file set up, you just need to add the rules at the end of this post to your file.)

(A) Generate and download a userChrome.css file

The rules are already in the editor on this page:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that file browser window for later reference.

(B) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(C) Move the userChrome.css file you generated in Step A into the chrome folder you created in Step B

(D) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

Success?

I suggest bookmarking any thread you get userChrome.css code from for future reference (in case the rule stops working).


/*** Reposition the site icon and mute button side-by-side when sound is playing ***/

@media (-moz-proton) {
  /* Move the mute/unmute button to the right and enlarge it */
  .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) {
    margin-left: 12px !important; /* pushes icon to the right */
    margin-right: 2px !important; /* closes up some space before the text */
    width: 24px; /* default is 16px */
    height: 24px; /* default is 16px */
    padding: 0 !important; /* allows icon to expand to full size */
  }

  /* Move the site icon to the left a bit and adjust position */
  .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay) {
  	margin-left: -5px !important; /* pushes icon to the left */
    margin-top: 4px !important;  /* reduce by 1px for each 2px reduction in mute button height */
  }

  /* Override the rules for hover/not hover visibility */
     /* for mute button */
  .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]), 
     /* for site icon */
  .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay), 
     /* for site icon with Compact density */
  :root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay) {
    opacity: 1 !important; /* overrides full transparency with full opacity */
  }
}

Hilfreich?

more options

I made this project and it solves various complaints. https://github.com/black7375/Firefox-UI-Fix

Hilfreich?

Stellen Sie eine Frage

Sie müssen sich mit Ihrem Benutzerkonto anmelden, um auf Beiträge zu antworten. Bitte stellen Sie eine neue Frage, wenn Sie noch kein Benutzerkonto haben.