Global Media Controls Panel

[stardepp]

@harukairo This can only be due to your settings.

This mod works very well for me with many audio and video streaming websites.

[harukairo]

@stardepp Really? That's a problem. In my case, even youtube can't stop ...

[harukairo]

By the way, I have a standalone installation of vivaldi, is that related?

[stardepp]

@harukairo I have to agree with you. YouTube is displayed in the Global Media Control panel, but unfortunately Play and Pause do not work.

This probably has something to do with this problem:

https://forum.vivaldi.net/topic/92156/little-youtube-mistake

[AC0xRPFS001]

The mod looks really cool, and it works fine to me (includes YouTube videos).

I made the following modification:

- wvb.style.display = 'none';
+ wvb.parentElement.style.display = 'none';

This way the buttons go away completely in incognito mode. However they will still appear before disappearing, so if you pay attention, you will see it flicker for a moment. idk if it's better.

I also did some minor tweaks to the style. I added some margin and border-radius to the items to prevent it from looking too compact and solid. I also add some animations. However I haven't tested this in other themes so it might looks weird in some themes.

'.global-media-controls-content .item { position: relative; display: flex; overflow: hidden; min-height: 100px; background-color: var(--colorGMCBg); color: var(--colorGMCFg); margin: 10px; border-radius: 5px; box-shadow: 0px 0px 3px var(--colorGMCBg); transition: all .5s ease-out; }',
'.global-media-controls-content .item:hover { margin: 10px 5px; box-shadow: 0px 0px 13px var(--colorGMCBg); }', 

[GhostBoy21]

Now this........ IS AMAZING. I love it!!

[plakonn]

In my case, videos seem to be uglier when this mod is applied. (like some kind of bad sharpening filter applied)
with mod:
without:

[MasterLeo29]

@plakonn There's a button in the panel that (de)activates that filter. next to the audio button. (looks like 3 stars).
See if that works for you

[MasterLeo29]

Btw, I've been working on a mod that "integrates" with this one. Will do a post soon (and mention/credit @tam710562 )

[plakonn]

I think it's causing Vivaldi to crash after update to 6.5.3206.39 (Stable channel) (64bit)

[tam710562]

@plakonn I tried and didn't find any problem on 6.5.3206.39 (Stable channel) (64bit)

[stardepp]

@tam710562 Global Media Controls also works perfectly for me with Vivaldi 6.5.3206.42 on Windows 11 23H2.

[tam710562]

I just added an update to fix some bugs

• Fix duplicated controls when tab goes into hibernation
• Fix the issue where the button to open the panel did not completely disappear in incognito mode
• Fix a bug that made it impossible to add a new webpanel

[PatStar15]

This post is deleted!

[oneakira]

Stopped working in Vivaldi 7.0.3495.6 (Stable).

[stardepp]

@oneakira It still works under Vivaldi 7.

After every Vivaldi update you have to update the js. Mods back into the correct Vivaldi folder.

[oneakira]

@stardepp

@stardepp said in Global Media Controls Panel:

@oneakira It still works under Vivaldi 7.

After every Vivaldi update you have to update the js. Mods back into the correct Vivaldi folder.

Yes! My bad I thought I had copied the js file to the new folder, works fine!

[mathew65]

Mod is working but I have errors in console of window.html and I'm unable to open Settings

Uncaught (in promise) Error: Cannot access contents of the page. Extension manifest must request permission to access the respective host.
Uncaught (in promise) Error: Cannot access contents of url "data:text/html,%3Ctitle%3EGlobal%20Media%20Controls%3C%2Ftitle%3E". Extension manifest must request permission to access this host.
Error handling response: TypeError: Cannot read properties of undefined (reading 'id')
    at chrome-extension://mpognobbkildjkofajifpdfhcoklimli/js/global-media-controls.js:1277:29

There are some other errors but these looked most relevant.

[tam710562]

@mathew65 I tried but could not reproduce your problem. Can you tell me your vivaldi version and how to reproduce it?
I don't see these error logs

Error handling response: TypeError: Cannot read properties of undefined (reading 'id')
    at chrome-extension://mpognobbkildjkofajifpdfhcoklimli/js/global-media-controls.js:1277:29

[mathew65]

I added global media controls.js as <script> tag into window.html.
After restarting Vivaldi, if I inspect window with vivaldi:inspect/#apps, I see these errors. Also, if I try to open Settings I get empty window
Vivaldi version is 7.0.3495.6 (Stable channel) (arm64) (macOs)