Global Media Controls Panel

[dude99]

Thank You for another amazing MOD!

I have a few requests:

1. Is it possible to add STOP function to terminate the media & stop it from buffering?

2. STOP ALL function?

3. Download media button or fetch media link function for 3rd party downloader?

[oudstand]

Thank you for your nice work!
I've found two problems with it:

1. the control disappears after pressing the pause button
2. it's not working for sound which is played within another web panel

[luetage]

@oudstand Isn’t this for videos only? I tried it with a podcast on a webpage and it doesn’t show up in the global media control.

[oudstand]

@luetage seems like you're right. I've tested it with Spotify (it wont show up) and with YouTube music (it shows up). Seems like YouTube music might be the exception.

[luetage]

@oudstand Yeah, youtube music has a video, even if it’s just a static picture. It’s not really an exception. You can both fullscreen it and load pip.

[tam710562]

@luetage @oudstand I seem to have forgotten about audio support

[oudstand]

Ah okay
But the control still disappears for YouTube music but not for YouTube.

[luetage]

@tam710562 Is there a possibility to make it work with videos and audio playing in Vivaldi mail (M3)?

[tam710562]

@valiowk it's a problem of chrome.runtime.onMessage not firing on windows private. I don't know why

[tam710562]

@luetage I think it's possible with audio but not sure with mail

[tam710562]

@oudstand This mod doesn't work for a webpanel, I'll think about it

[luetage]

Generic fontawesome play icon for boring users:

    playlistMusic: '<svg viewBox="0 0 1680 1680"><path fill="currentColor" d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5-103 385.5-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103zm384 823q32-18 32-55t-32-55l-544-320q-31-19-64-1-32 19-32 56v640q0 37 32 56 16 8 32 8 17 0 32-9z" /></svg>',

[tam710562]

I added a new update for the mod

• Add audio support.
• Add a close button to remove media controls from the list.

[stardepp]

@tam710562 Works with Musify (audio streaming) but not yet with Deezer or Spotify.

[sjudenim]

Nicely done

[MasterLeo29]

Congrats on your mod !

A modification I did for me, that might be useful for others :
Normally, I have the top tool bar for webpanels turned off. Still, for this one (since it looks like a "native" one) I wanted a title just like the other.

So I added this panel header :

  const title = document.createElement('h1');
  title.innerHTML = name;
  const panelHeader = gnoh.createElement('header', null, null, title);

And on your "createPanelCustom" I added this :

panel.append(panelHeader);

(also added a small padding top on your styles)
[data-global-media-controls] header { padding-top: 12px; }

Hope it helps someone

[luetage]

@masterleo29 said in Global Media Controls Panel:

[data-global-media-controls] header { padding-top: 12px; }

That’s a good idea. I noticed this by accident today. Just one improvement to your improvement to make it even more similar to native panels ^^

'[data-global-media-controls] header { padding-top: 12px; padding-left: 9px; margin-bottom: 0px; }',

[kruzifixium]

great thing - would be awesome to see it added to vivaldi itself or as a plugin, too.

unfortunately it stopped working after a while - maybe i've to reapply again, but maybe it was an update of vivaldi itself. idk but i've to try again

[luetage]

@kruzifixium Should still work, I got it running. Javascript mods need to be applied after each update, it’s best to create a batch script to automate the process, check pinned topics.

[kruzifixium]

@luetage

whoops - yepps, works again...
totally forgot about troubleshooting in the javascript-thread.

thanks a lot