Global Media Controls Panel
-
@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.
-
@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.
-
-
Ah okay
But the control still disappears for YouTube music but not for YouTube. -
@tam710562 Is there a possibility to make it work with videos and audio playing in Vivaldi mail (M3)?
-
@valiowk it's a problem of
chrome.runtime.onMessage
not firing on windows private. I don't know why -
@luetage I think it's possible with audio but not sure with mail
-
@oudstand This mod doesn't work for a webpanel, I'll think about it
-
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>',
-
I added a new update for the mod
- Add audio support.
- Add a close button to remove media controls from the list.
-
@tam710562 Works with Musify (audio streaming) but not yet with Deezer or Spotify.
-
Nicely done
-
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
-
@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; }',
-
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
-
@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.
-
whoops - yepps, works again...
totally forgot about troubleshooting in the javascript-thread.thanks a lot
-
I have added a new update. It exceeds the number of characters for the post
-
@tam710562
Great! ^^
Advent of Volume Controller. -
@tam710562 Great update! Perhaps the search functionality should be case‐insensitive.