It is currently March 28th, 2024, 2:15 pm

WebNowPlaying change image on mouse over action

Get help with creating, editing & fixing problems with skins
wolfnuka
Posts: 15
Joined: January 13th, 2020, 7:14 pm

WebNowPlaying change image on mouse over action

Post by wolfnuka »

Hello, so I have built a music player based on the "WebNowPlaying" player, and I got it all to work, but there is one function that remains tricky, that is the ability to change the play/pause button depending on the "playing state" of the player, I got it to work, so when a song is playing, it changes the "play" button's image, with the "pause" button image, and vice versa, what I'd like to accomplish, is to change this image, when the mouse hovers the button, but because of the "playing status" it makes it tricky.

Is there a way I can change the image of the play/pause button on hover and show a corresponding image depending if the player is playing or paused? so if the player is currently playing a song, when i Hover it, it will show a glowing icon, annd vice versa.
User avatar
balala
Rainmeter Sage
Posts: 16109
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: WebNowPlaying change image on mouse over action

Post by balala »

wolfnuka wrote: February 25th, 2020, 6:25 pm Hello, so I have built a music player based on the "WebNowPlaying" player, and I got it all to work, but there is one function that remains tricky, that is the ability to change the play/pause button depending on the "playing state" of the player, I got it to work, so when a song is playing, it changes the "play" button's image, with the "pause" button image, and vice versa, what I'd like to accomplish, is to change this image, when the mouse hovers the button, but because of the "playing status" it makes it tricky.

Is there a way I can change the image of the play/pause button on hover and show a corresponding image depending if the player is playing or paused? so if the player is currently playing a song, when i Hover it, it will show a glowing icon, annd vice versa.
Code please?
wolfnuka
Posts: 15
Joined: January 13th, 2020, 7:14 pm

Re: WebNowPlaying change image on mouse over action

Post by wolfnuka »

The meters and measures in question would be:
"[MeterPlay-Button]" and "[MeasurePlayPause]"

Here is the full code:

Code: Select all

;////////////////////////////////////////// -----SET VARIABLES TO CHANGE SETTINGS----- \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
[Rainmeter]
Update=10


[Metadata]
Name="Glow Sidebar 2.0 - Music Submenu"
Author=SpectrumWolf

;====================== Mentions ======================
;-- VOLUME METER: "Volume meter" (eVolume) by "esnooze", I just modified colors and Icons
;-- MUSIC PLAYER: Based on "WebNowPlayingExample", by "tjhrulz"
;=======================================================


[Variables]
;=========================================
; Variable used to resize item icon images, 
; remember the images should include the text,
; otherwise, text for each menu item will have
; to be added manually
;=========================================
SubmenuIcons-ResizeWidth=40


;=========================================
;SUBMENU ITEM BUTTON SETTINGS (CLICKABLE AREA)
;=========================================
ItemButtonHeight=35
ItemButtonWidth=40
;ItemButton-Y=40r



;=========================================
;      SUBMENU ITEMS ACTIVE BUTTONS 
;(HIDES IMAGE & BUTTON FOR EACH SUBMENU ITEM, 
;1 IS HIDDEN, 0 SHOWS, THIS IS USEFUL FOR WHEN 
;   YOU NEED TO USE LESS THAN ALL 6 BUTTONS
;=========================================
Item-1-Button=1
Item-2-Button=1
Item-3-Button=1
Item-4-Button=1
Item-5-Button=1
Item-6-Button=1


;=========================================
;    SUBMENU TITLE BACKGROUND SETTINGS
;=========================================
Submenu-X=50
Submenu-Y=(#SCREENAREAHEIGHT#/100*30+210)
SubmenuBackgroundWidth=480
SubmenuBackgroundHeight=50
Submenu-CornerRadius=5
Submenu-FillColor=0,0,0,220
Submenu-StrokeWidth=0


;=========================================
;    SUBMENU ITEMS BACKGROUND SETTINGS
;=========================================
SubmenuBackground-Y-Gap=300
Submenu-X2=(#Submenu-X#+20)
Submenu-Y2=(#Submenu-Y#+#SubmenuBackground-Y-Gap#)
SubmenuBackgroundWidth2=460
SubmenuBackgroundHeight2=50
Submenu-CornerRadius2=4
Submenu-FillColor2=0,0,0,180
Submenu-StrokeWidth2=0

;=========================================***************************************************************** SUBMENU TITLE
;          SUBMENU TITLE SETTINGS
;=========================================
SubMenuTitle-Font=Neuropol X
MenuItemFont=Neuropol X
SubmenuTitle-FontSize=12
SubMenuTitle-X=155
SubMenuTitle-Y=(#Submenu-Y#+14)
SubMenuTitle-Align=CENTER
SubMenuTitle-FontColor=255,255,255,255
SubMenuTitle-SolidColor=0,0,0,1
SubMenuTitle-FontWeight=Bold
SubMenuTitle-AntiAlias=1
SubMenuTitle-Text=Music


;=========================================
;      SUBMENU CLOSE BUTTON SETTINGS
;=========================================
CloseButton-Height=50
CloseButton-Width=#SubmenuBackgroundWidth#
CloseButton-X=#Submenu-X#
CloseButton-Y=#Submenu-Y#
;SUBMENU .ini FOLDER PATH TO CLOSE ITSELF e.g:("Glow-Sidebar-2.0\SETTINGS-MENU" "SETTINGS-MENU.ini")
SubMenu-Path="Glow-Sidebar-2.0\MUSIC-MENU" "MUSIC-MENU.ini"


;=========================================
;      SUBMENU TITLE BARS SETTINGS
;=========================================
;---------------BAR 1
Bar-1-X=(#Submenu-X#+10)
Bar-1-Y=(#Submenu-Y#+10)
Bar-1-Width=(#SubmenuBackgroundWidth#-20)
Bar-1-Height=1
Bar-1-Radius=
Bar-1-StrokeWidth=0
Bar-1-Color=255,255,255,255

;---------------BAR 2
Bar-2-X=(#Submenu-X#+10)
Bar-2-Y=(#Submenu-Y#+38)
Bar-2-Width=(#SubmenuBackgroundWidth#-20)
Bar-2-Height=1
Bar-2-Radius=
Bar-2-StrokeWidth=0
Bar-2-Color=255,255,255,255

;--------------- VERTICAL BAR 
Bar-Vertical-1-X=(#Submenu-X#+9)
Bar-Vertical-1-Y=(#Submenu-Y#+#SubmenuBackground-Y-Gap#+2)
Bar-Vertical-1-Width=4
Bar-Vertical-1-Height=(#SubmenuBackgroundHeight2#-4)
Bar-Vertical-1-Radius=2
Bar-Vertical-1-StrokeWidth=0
Bar-Vertical-1-Color=255,255,255,255


;=========================================
;      SUBMENU ITEMS X-Y POSITIONS
;=========================================
;Variable "All-Items-Y-Start" is used to determine the gap between the first "Submenu Icon Image" and the "Submenu Title"
;Variable "All-Items-Y-Offset" is used to determin gap between each "Submenu Items Icon Image" AFTER the first Submenu Icon Image" Item
X-ItemIconOffset=75
X-ItemIconGap=60

All-Items-Y-Start=5
All-Items-Y-Offset=50
All-Items-Y=(#Submenu-Y#+#SubmenuBackground-Y-Gap#+#All-Items-Y-Start#)

Item1-X=(#X-ItemIconOffset#+105)
Item2-X=(#Item1-X#+#X-ItemIconGap#)
Item3-X=(#Item2-X#+#X-ItemIconGap#)
Item4-X=(#Item3-X#+#X-ItemIconGap#)
Item5-X=(#Item4-X#+#X-ItemIconGap#)
Item6-X=(#Item5-X#+#X-ItemIconGap#)

Item1-Y=(#Submenu-Y#+#SubmenuBackground-Y-Gap#+#All-Items-Y-Start#)
Item2-Y=(#Item1-Y#+#All-Items-Y-Offset#)
Item3-Y=(#Item2-Y#+#All-Items-Y-Offset#)
Item4-Y=(#Item3-Y#+#All-Items-Y-Offset#)
Item5-Y=(#Item4-Y#+#All-Items-Y-Offset#)
Item6-Y=(#Item5-Y#+#All-Items-Y-Offset#)


;=========================================
;    SUBMENU ITEMS NORMAL STATE IMAGES    ***************************************************************** NORMAL STATE IMAGES
;=========================================
;E.g: Yourpicture.png
Item-1-Image=Spotify.png
Item-2-Image=Pandora.png
Item-3-Image=GoogleMusic.png
Item-4-Image=AppleMusic.png
Item-5-Image=AmazonMusic.png
Item-6-Image=Soundcloud.png


;=========================================
;    SUBMENU ITEMS HOVER STATE IMAGES     ***************************************************************** HOVER IMAGES
;=========================================
Item-1-HoverImage=Spotify-Glow.png
Item-2-HoverImage=Pandora-Glow.png
Item-3-HoverImage=GoogleMusic-Glow.png
Item-4-HoverImage=AppleMusic-Glow.png
Item-5-HoverImage=AmazonMusic-Glow.png
Item-6-HoverImage=Soundcloud-Glow.png


;=========================================
;        SUBMENU ITEMS SHORTCUTS           ***************************************************************** SHORTCUTS
;=========================================
Item-1-Shortcut="https://open.spotify.com/"
Item-2-Shortcut="https://www.pandora.com/collection"
Item-3-Shortcut="https://play.google.com/music/"
Item-4-Shortcut="https://secure1.store.apple.com/shop/sign_in?c=debd15e81f920a13220676a78ae9b3ac&r=SCDHYHP7CY4H9XK2H&s=debd15e81f920a13220676a78ae9b3ac"
Item-5-Shortcut="https://music.amazon.com/home"
Item-6-Shortcut="https://soundcloud.com/you/library"
;========================================= 

;=========================================
;             VOLUME CONTROL         
;=========================================
FONT=Neuropol X
SIZE=8
COLOR=255,255,255,230
KNOBX=(#X-ItemIconOffset#+425)
VolMeterStart=(#Submenu-Y#+187)
;         ---END OF VARIABLES---



;=========================================
;              MUSIC PLAYER         
;=========================================
;-------------------------------------------------------
;                    BUTTON VARIABLES                    
;-------------------------------------------------------
;----------------------------------- BUTTONS
AllButtonImages-Width=50

;----------------------------------- Previous
Button-Prev-ImageName=Previous.png
Button-Prev-X-Offset=15
Button-Prev-Y-Offset=(#SCREENAREAHEIGHT#/100*36+210)

;----------------------------------- Play
Button-Play-ImageName=Play.png
Button-Play-X-Offset=15
Button-Play-Y-Offset=(#SCREENAREAHEIGHT#/100*36+265)

;----------------------------------- Pause
Button-Pause-ImageName=Pause.png
Button-Pause-X-Offset=15
Button-Pause-Y-Offset=(#SCREENAREAHEIGHT#/100*30+330)

;----------------------------------- Next
Button-Next-ImageName=Next.png
Button-Next-X-Offset=15
Button-Next-Y-Offset=(#SCREENAREAHEIGHT#/100*36+320)



;-------------------------------------------------------
;              PLAYING INFORMATION VARIABLES                 
;-------------------------------------------------------

;-------------------------------------------------------
;                   SONG PLAYING INFO                 
;-------------------------------------------------------
;----------------------------------- Title PLAYING IMAGE
Title-Image=Song.png
Title-Image-X=105
Title-Image-Y=18
Title-Image-ResizeWidth=50

;----------------------------------- TITLE PLAYING TEXT
Title-X-Offset=250
Title-Y-Offset=(#SCREENAREAHEIGHT#/100*36+315)
Title-FontFace=Neuropol X
Title-FontSize=10
Title-FontColor=255,255,255,255
Title-FontWeight=600
Title-Align=Center

;----------------------------------- TITLE PLAYING BACKGROUND
Title-Background-X-Offset=100
Title-Background-Y-Offset=(#SCREENAREAHEIGHT#/100*36+310)
Title-Background-Width=300
Title-Background-Height=26
Title-Background-SolidColor=
Title-Background-Stroke=0
Title-Background-StrokeColor=
Title-Background-FillColor=255,255,255,80
Title-Background-CornerRadius=4


;-------------------------------------------------------
;                  ARTIST PLAYING INFO                 
;-------------------------------------------------------
;----------------------------------- ARTIST PLAYING IMAGE
Artist-Image=Artist.png
Artist-Image-X=100
Artist-Image-Y=100
Artist-Image-ResizeWidth=60

;----------------------------------- ARTIST PLAYING TEXT

Artist-X-Offset=250
Artist-Y-Offset=(#SCREENAREAHEIGHT#/100*36+357)
Artist-FontFace=Neuropol X
Artist-FontSize=10
Artist-FontColor=255,255,255,200
Artist-FontWeight=400
Artist-Align=Center

;----------------------------------- ARTIST PLAYING BACKGROUND
Artist-Background-X-Offset=100
Artist-Background-Y-Offset=(#SCREENAREAHEIGHT#/100*36+352)
Artist-Background-Width=300
Artist-Background-Height=26
Artist-Background-SolidColor=
Artist-Background-Stroke=0
Artist-Background-StrokeColor=
Artist-Background-FillColor=255,255,255,80
Artist-Background-CornerRadius=4

;-------------------------------------------------------
;                       ALBUM NAME               
;-------------------------------------------------------
;----------------------------------- ALBUM
Album-X-Offset=250
Album-Y-Offset=(#SCREENAREAHEIGHT#/100*36+357)


;-------------------------------------------------------
;            PLAYER CONTROL BUTTONS ELEMENTS                
;-------------------------------------------------------
;----------------------------------- PLAYER BACKGROUND
Player-Background-X-Offset=72
Player-Background-Y-Offset=(#SCREENAREAHEIGHT#/100*30+265)
Player-Background-Width=80
Player-Background-Height=180
Player-Background-SolidColor=0,0,0,220
Player-Background-Stroke=0
Player-Background-StrokeColor=
Player-Background-FillColor=0,0,0,220
Player-Background-CornerRadius=4

;----------------------------------- PLAYER VERTICAL BAR
Bar-Vertical-2-X-Offset=-14
Bar-Vertical-2-Y-Offset=(#SCREENAREAHEIGHT#/100*30+265)
Bar-Vertical-2-Width=5
Bar-Vertical-2-Height=#Player-Background-Height#
Bar-Vertical-2-SolidColor=
Bar-Vertical-2-Stroke=
Bar-Vertical-2-StrokeColor=
Bar-Vertical-2-FillColor=255,255,255,255
Bar-Vertical-2-CornerRadius=2

;----------------------------------- VIZUALIZER BACKGROUND
VU-Background-X-Offset=100
VU-Background-Y-Offset=(#SCREENAREAHEIGHT#/100*30+265)
VU-Background-Width=300
VU-Background-Height=100
VU-Background-SolidColor=0,0,0,80
VU-Background-Stroke=0
VU-Background-StrokeColor=
VU-Background-FillColor=0,0,0,220
VU-Background-CornerRadius=4

;----------------------------------- SECONDARY PANEL
SEC-Background-X-Offset=0
SEC-Background-Y-Offset=(#SCREENAREAHEIGHT#/100*30+455)
SEC-Background-Width=458
SEC-Background-Height=40
SEC-Background-SolidColor=0,0,0,80
SEC-Background-Stroke=0
SEC-Background-StrokeColor=
SEC-Background-FillColor=0,0,0,220
SEC-Background-CornerRadius=4

;----------------------------------- PLAYER TRACK PROGRESS BACKGROUND
TrackTime-Background-X-Offset=165
TrackTime-Background-Y-Offset=(#SCREENAREAHEIGHT#/100*30+465)
TrackTime-Background-Width=150
TrackTime-Background-Height=20
TrackTime-Background-SolidColor=0,0,0,220
TrackTime-Background-Stroke=0
TrackTime-Background-StrokeColor=
TrackTime-Background-FillColor=255,255,255,70
TrackTime-Background-CornerRadius=4

;----------------------------------- VOLUME BACKGROUND
Volume-Background-X-Offset=418
Volume-Background-Y-Offset=(#SCREENAREAHEIGHT#/100*30+265)
Volume-Background-Width=40
Volume-Background-Height=180
Volume-Background-SolidColor=0,0,0,80
Volume-Background-Stroke=0
Volume-Background-StrokeColor=
Volume-Background-FillColor=0,0,0,220
Volume-Background-CornerRadius=4

[STYLE-ALBUM-TEXT]
FontFace=Neuropol X
FontSize=8
FontColor=255,255,255,255
FontWeight=400
StringAlign=Center
AntiAlias=1

[STYLE-ARTIST-TEXT]
FontFace=Neuropol X
FontSize=10
FontColor=255,255,255,255
FontWeight=400
StringAlign=Center
AntiAlias=1

[STYLE-SONG-TEXT]
FontFace=Neuropol X
FontSize=8
FontColor=255,255,255,255
FontWeight=600
StringAlign=Center
AntiAlias=1

[STYLE-TRACK-PROGRESS]
FontFace=Neuropol X
FontSize=9
FontColor=255,255,255,255
FontWeight=600
StringAlign=Center
AntiAlias=1
;////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////



;=========================================
;            SUBMENU BACKGROUND 
;=========================================
[SideBar-Background]
Meter=Shape
Shape=Rectangle #Submenu-X#,#Submenu-Y#,#SubmenuBackgroundWidth#,#SubmenuBackgroundHeight#,#Submenu-CornerRadius#| StrokeWidth #Submenu-StrokeWidth# | Fill Color #Submenu-FillColor#
DynamicVariables=1

[SideBar-Background2]
Meter=Shape
Shape=Rectangle (#Submenu-X2#+100),#Submenu-Y2#,360,#SubmenuBackgroundHeight2#,#Submenu-CornerRadius2#| StrokeWidth #Submenu-StrokeWidth2# | Fill Color #Submenu-FillColor2#
Hidden=1
DynamicVariables=1

[Streaming-Players-Background]
Meter=Shape
Shape=Rectangle (#Submenu-X2#+2),#Submenu-Y2#,80,#SubmenuBackgroundHeight2#,#Submenu-CornerRadius2#| StrokeWidth #Submenu-StrokeWidth2# | Fill Color #Submenu-FillColor2#
DynamicVariables=1

[Streaming-Players-CloseButton-Background]
Meter=Shape
Shape=Rectangle (#Submenu-X2#+465),#Submenu-Y2#,40,#SubmenuBackgroundHeight2#,#Submenu-CornerRadius2#| StrokeWidth #Submenu-StrokeWidth2# | Fill Color #Submenu-FillColor2#
Group=Shortcuts
Hidden=1
DynamicVariables=1

[BAR-1]
Meter=Shape
Shape=Rectangle #Bar-1-X#,#Bar-1-Y#,#Bar-1-Width#,#Bar-1-Height#,#Bar-1-Radius#| StrokeWidth #Bar-1-StrokeWidth# | Fill Color #Bar-1-Color#
DynamicVariables=1

[BAR-2]
Meter=Shape
Shape=Rectangle #Bar-2-X#,#Bar-2-Y#,#Bar-2-Width#,#Bar-2-Height#,#Bar-2-Radius#| StrokeWidth #Bar-2-StrokeWidth# | Fill Color #Bar-2-Color#
DynamicVariables=1

[BAR-Vertical]
Meter=Shape
Shape=Rectangle #Bar-Vertical-1-X#,#Bar-Vertical-1-Y#,#Bar-Vertical-1-Width#,#Bar-Vertical-1-Height#,#Bar-Vertical-1-Radius#| StrokeWidth #Bar-Vertical-1-StrokeWidth# | Fill Color #Bar-Vertical-1-Color#
Hidden=1
DynamicVariables=1
;-----------------------------------------


;=========================================
;            SUBMENU TITLE 
;=========================================
[TITLE]
Meter=String
X=#SubMenuTitle-X#
Y=#SubMenuTitle-Y#
StringAlign=#SubMenuTitle-Align#
FontFace=#SubMenuTitle-Font#
FontSize=#SubmenuTitle-FontSize#
FontColor=#SubMenuTitle-FontColor#
SolidColor=#SubMenuTitle-SolidColor#
FontWeight=#SubMenuTitle-FontWeight#
AntiAlias=#SubMenuTitle-AntiAlias#
Text=#SubMenuTitle-Text#
DynamicVariables=1
;-----------------------------------------


;=========================================
;         SUBMENU CLOSE BUTTON
;=========================================
[CLOSE-BUTTON]
Meter=String
H=#CloseButton-Height#
W=#CloseButton-Width#
X=#CloseButton-X#
Y=#CloseButton-Y#
LeftMouseUpAction=[!DeactivateConfig #SubMenu-Path#][!DeactivateConfig "Lano-Visualizer-master" "Visualizer.ini"]
;-----------------------------------------


;===================================================================================================================
;                                                  SUBMENU ITEMS
;===================================================================================================================

;--------------------------------------------------------------------------------------------------------
;       SUBMENU ITEM 1                                                                                  1
;--------------------------------------------------------------------------------------------------------
[Item-1]
Meter=Image
W=#SubmenuIcons-ResizeWidth#
X=#Item1-X#
Y=#All-Items-Y#
Group=Shortcuts
ImageName=#Item-1-Image#
DynamicVariables=1
AntiAlias=1
Hidden=#Item-1-Button#

[BUTTON-1]
Meter=String
X=#Item1-X#
Y=#Item1-Y#
H=#ItemButtonHeight#
W=#ItemButtonWidth#
Group=Shortcuts
MouseOverAction=[!SetOption Item-1 ImageName #Item-1-HoverImage#][!UpdateMeter Item-1][!RainmeterRedraw]
MouseLeaveAction=[!SetOption Item-1 ImageName #Item-1-Image#][!UpdateMeter Item-1][!RainmeterRedraw]
LeftMouseUpAction=[#Item-1-Shortcut#]
Hidden=#Item-1-Button#
;.......................................................................................................1


;--------------------------------------------------------------------------------------------------------
;       SUBMENU ITEM 2                                                                                  2
;--------------------------------------------------------------------------------------------------------
[Item-2]
Meter=Image
W=#SubmenuIcons-ResizeWidth#
X=#Item2-X#
y=#All-Items-Y#
Group=Shortcuts
ImageName=#Item-2-Image#
DynamicVariables=1
AntiAlias=1
Hidden=#Item-2-Button#

[BUTTON-2]
Meter=String
X=#Item2-X#
Y=#All-Items-Y#
H=#ItemButtonHeight#
W=#ItemButtonWidth#
Group=Shortcuts
MouseOverAction=[!SetOption Item-2 ImageName #Item-2-HoverImage#][!UpdateMeter Item-2][!RainmeterRedraw]
MouseLeaveAction=[!SetOption Item-2 ImageName #Item-2-Image#][!UpdateMeter Item-2][!RainmeterRedraw]
LeftMouseUpAction=[#Item-2-Shortcut#]
Hidden=#Item-2-Button#
;.......................................................................................................2


;--------------------------------------------------------------------------------------------------------
;       SUBMENU ITEM 3                                                                                  3
;--------------------------------------------------------------------------------------------------------
[Item-3]
Meter=Image
W=#SubmenuIcons-ResizeWidth#
X=#Item3-X#
y=#All-Items-Y#
Group=Shortcuts
ImageName=#Item-3-Image#
DynamicVariables=1
AntiAlias=1
Hidden=#Item-3-Button#

[BUTTON-3]
Meter=String
X=#Item3-X#
Y=#All-Items-Y#
H=#ItemButtonHeight#
W=#ItemButtonWidth#
Group=Shortcuts
MouseOverAction=[!SetOption Item-3 ImageName #Item-3-HoverImage#][!UpdateMeter Item-3][!RainmeterRedraw]
MouseLeaveAction=[!SetOption Item-3 ImageName #Item-3-Image#][!UpdateMeter Item-3][!RainmeterRedraw]
LeftMouseUpAction=[#Item-3-Shortcut#]
Hidden=#Item-3-Button#
;.......................................................................................................3


;--------------------------------------------------------------------------------------------------------
;       SUBMENU ITEM 4                                                                                 4
;--------------------------------------------------------------------------------------------------------
[Item-4]
Meter=Image
W=#SubmenuIcons-ResizeWidth#
X=#Item4-X#
y=#All-Items-Y#
Group=Shortcuts
ImageName=#Item-4-Image#
DynamicVariables=1
AntiAlias=1
Hidden=#Item-4-Button#

[BUTTON-4]
Meter=String
X=#Item4-X#
Y=#All-Items-Y#
H=#ItemButtonHeight#
W=#ItemButtonWidth#
Group=Shortcuts
MouseOverAction=[!SetOption Item-4 ImageName #Item-4-HoverImage#][!UpdateMeter Item-4][!RainmeterRedraw]
MouseLeaveAction=[!SetOption Item-4 ImageName #Item-4-Image#][!UpdateMeter Item-4][!RainmeterRedraw]
LeftMouseUpAction=["#Item-4-Shortcut#"]
Hidden=#Item-4-Button#
;.......................................................................................................4


;--------------------------------------------------------------------------------------------------------
;       SUBMENU ITEM 5                                                                                  5
;--------------------------------------------------------------------------------------------------------
[Item-5]
Meter=Image
W=#SubmenuIcons-ResizeWidth#
X=#Item5-X#
y=#All-Items-Y#
Group=Shortcuts
ImageName=#Item-5-Image#
DynamicVariables=1
AntiAlias=1
Hidden=#Item-5-Button#

[BUTTON-5]
Meter=String
X=#Item5-X#
Y=#All-Items-Y#
H=#ItemButtonHeight#
W=#ItemButtonWidth#
Group=Shortcuts
MouseOverAction=[!SetOption Item-5 ImageName #Item-5-HoverImage#][!UpdateMeter Item-5][!RainmeterRedraw]
MouseLeaveAction=[!SetOption Item-5 ImageName #Item-5-Image#][!UpdateMeter Item-5][!RainmeterRedraw]
LeftMouseUpAction=["#Item-5-Shortcut#"]
Hidden=#Item-5-Button#
;.......................................................................................................5


;--------------------------------------------------------------------------------------------------------
;       SUBMENU ITEM 6                                                                                  6
;--------------------------------------------------------------------------------------------------------
[Item-6]
Meter=Image
W=#SubmenuIcons-ResizeWidth#
X=#Item6-X#
y=#All-Items-Y#
Group=Shortcuts
ImageName=#Item-6-Image#
DynamicVariables=1
AntiAlias=1
Hidden=#Item-6-Button#

[BUTTON-6]
Meter=String
X=#Item6-X#
Y=#All-Items-Y#
H=#ItemButtonHeight#
W=#ItemButtonWidth#
Group=Shortcuts
MouseOverAction=[!SetOption Item-6 ImageName #Item-6-HoverImage#][!UpdateMeter Item-6][!RainmeterRedraw]
MouseLeaveAction=[!SetOption Item-6 ImageName #Item-6-Image#][!UpdateMeter Item-6][!RainmeterRedraw]
LeftMouseUpAction=["#Item-6-Shortcut#"]
Hidden=#Item-6-Button#
;;.......................................................................................................6
;                                        END OF SUBMENU ITEM LIST


;==========================================================================================================
;                                               MUSIC PLAYER
;==========================================================================================================

;=======================================================
;                   ELEMENT BACKGROUNDS          
;=======================================================
;======================================================= BUTTONS BACKGROUND PANEL
[PlayerBackground]
Meter=Shape
Shape=Rectangle #Player-Background-X-Offset#,#Player-Background-Y-Offset#,#Player-Background-Width#,#Player-Background-Height#,#Player-Background-CornerRadius# | Fill Color #Player-Background-FillColor# | StrokeWidth #Player-Background-Stroke# | Stroke Color #Player-Background-StrokeColor#
LeftMouseUpAction=!Update
DynamicVariables=1

;======================================================= SONG TITLE BACKGROUND
[TitleTextBackground]
Meter=Shape
Shape=Rectangle (#Player-Background-X-Offset#+#Title-Background-X-Offset#),#Title-Background-Y-Offset#,#Title-Background-Width#,#Title-Background-Height#,#Title-Background-CornerRadius# | Fill Color #Title-Background-FillColor# | StrokeWidth #Title-Background-Stroke# | Stroke Color #Title-Background-StrokeColor#
DynamicVariables=1

;======================================================= ARTIST TITLE BACKGROUND
[ArtistTextBackground]
Meter=Shape
Shape=Rectangle (#Player-Background-X-Offset#+#Artist-Background-X-Offset#),#Artist-Background-Y-Offset#,#Artist-Background-Width#,#Artist-Background-Height#,#Artist-Background-CornerRadius# | Fill Color #Artist-Background-FillColor# | StrokeWidth #Artist-Background-Stroke# | Stroke Color #Artist-Background-StrokeColor#
DynamicVariables=1

;======================================================= VISUALIZER BACKGROUND
[VisualzerBackground]
Meter=Shape
Shape=Rectangle (#Player-Background-X-Offset#+#VU-Background-X-Offset#),#VU-Background-Y-Offset#,#VU-Background-Width#,#VU-Background-Height#,#VU-Background-CornerRadius# | Fill Color #VU-Background-FillColor# | StrokeWidth #VU-Background-Stroke# | Stroke Color #VU-Background-StrokeColor#
DynamicVariables=1

;======================================================= SECONDARY PANEL BACKGROUND
[Secondary-Background]
Meter=Shape
Shape=Rectangle (#Player-Background-X-Offset#+#SEC-Background-X-Offset#),#SEC-Background-Y-Offset#,#SEC-Background-Width#,#SEC-Background-Height#,#SEC-Background-CornerRadius# | Fill Color #SEC-Background-FillColor# | StrokeWidth #SEC-Background-Stroke# | Stroke Color #SEC-Background-StrokeColor#
DynamicVariables=1

;======================================================= TRACK TIME BACKGROUND
[TrackTime-Background]
Meter=Shape
Shape=Rectangle (#Player-Background-X-Offset#+#TrackTime-Background-X-Offset#),#TrackTime-Background-Y-Offset#,#TrackTime-Background-Width#,#TrackTime-Background-Height#,#TrackTime-Background-CornerRadius# | Fill Color #TrackTime-Background-FillColor# | StrokeWidth #TrackTime-Background-Stroke# | Stroke Color #TrackTime-Background-StrokeColor#
DynamicVariables=1

[Vertical-Bar-2]
Meter=Shape
Shape=Rectangle (#Player-Background-X-Offset#+#Bar-Vertical-2-X-Offset#),#Bar-Vertical-2-Y-Offset#,#Bar-Vertical-2-Width#,#Bar-Vertical-2-Height#,#Bar-Vertical-2-CornerRadius# | Fill Color #Bar-Vertical-2-FillColor# | StrokeWidth #Bar-Vertical-2-Stroke# | Stroke Color #Bar-Vertical-2-StrokeColor#
DynamicVariables=1

;-------------------------------- SHOWS WEB PLAYER CLICKED FROM AVAILABLE SHORTCUTS
[WebPlayer]
Meter=String
MeterStyle=STYLE-SONG-TEXT
X=(#SubMenuTitle-X#+120)
Y=(#SubMenuTitle-Y#+2)
Text=

;=======================================================
;                  MEASURE PLAYING INFO               
;=======================================================
; MeasurePlayer-Local is the main measure.
; MeasureArtist-Local and MeasureAlbum are secondary measures.
[Title-Image]
Meter=Image
ImageName=#Title-Image#
X=(#Player-Background-X-Offset#+#Title-Image-X#)
Y=#Title-Image-Y#
W=#Title-Image-ResizeWidth#
Antialias=1
DynamicVariables=1

[Artist-Image]
Meter=Image
ImageName=#Artist-Image#
X=(#Player-Background-X-Offset#+#Artist-Image-X#)
Y=#Artist-Image-Y#
W=#Artist-Image-ResizeWidth#
Antialias=1
DynamicVariables=1

;-------------------------------------------- LOCAL PLAYER
[MeasurePlayer-Local]
Measure=NowPlaying
; The main measure specifies the media player on PlayerName.
PlayerName=Spotify
PlayerType=TITLE
; PlayerPath, TrackChangeAction, and DisableLeadingZero are valid here on
; the main measure only.

;-------------------------------------------- LOCAL PLAYER
[MeasureArtist-Local]
Measure=NowPlaying
; Secondary measures specify the name of the main measure on PlayerName.
PlayerName=[MeasurePlayer-Local]
PlayerType=ARTIST
DynamicVariables=1


;This will get if there is any supported website open and connected
[MeasureStatus]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Status

;Example of how to get the title of the current song, if GPMDP has no song selected or it is closed it will be a blank string.
[MeasureTitle]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Title
UpdateDivider = 5
:--Substitute="":"N/A"

;Example of how to get the artist of the current song, if GPMDP has no song selected or it is closed it will be a blank string.
[MeasureArtist]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Artist
UpdateDivider = 5
;--Substitute="":"N/A"

;Example of how to get the album of the current song, if GPMDP has no song selected or it is closed it will be a blank string.
[MeasureAlbum]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Album
UpdateDivider = 5
;--Substitute="":"N/A"

;Example of how to get the album art of the current song, if GPMDP has no song selected or it is closed it will be a blank string.
;Note: You should not put and onChange event on this measure as it will change twice for each song instead use CoverWebAddress
[MeasureAlbumArt]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Cover
;This will be displayed when the album art is downloading, in this example I have downloaded from GPM the placeholder image but it could be any image
DefaultPath=#@#Images\nocover.png
;This is where the album art will be downloaded to, note if the album does not have album art set it will still download the GPM placeholder album art to here
CoverPath=#@#Images\cover.png
UpdateDivider = 5

;The URL of the currently displayed image
;Note this is updated once a PlayerType=Cover has updated so it is safe to assume that the image has been updated
;Note I am pretty sure if you have more than one PlayerType=Cover it will update when the first one is done, in the future I will try to have this accept a cover plugin and update once that cover plugin is done.
[MeasureAlbumArtAddress]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=CoverWebAddress
UpdateDivider = 5

;This gets how far into the song you are formated in MM:SS
[MeasurePosition]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Position
UpdateDivider = 5
Substitute="":"N/A"

;This gets how long the song is formated in MM:SS
[MeasureDuration]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Duration
UpdateDivider = 5
Substitute="":"N/A"

;This is what percent of the way through the song you are
[MeasureTrackProgress]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Progress
Substitute="":"N/A"



;=============================================
;           MEASURE PLAY/PAUSE STATUS
;=============================================
;The play state of the player
;0 is no song is selected, this will almost never happen as the plugin retains the last known song in the future I may change it so it clears when the websocket closes but I dont think I want to do that in the event the websocket closes unexpectedly you may want it to keep old data
;1 is playing
;2 is paused
[MeasurePlayPause]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=State
Substitute="0":"Play","1":"Pause","2":"Play","3":"Replay"


;The repeat state of the player
;0 repeat is off
;1 repeat is on repeat only one song
;2 repeat all songs
[MeasureRepeat]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Repeat
;An example of how to change and color the icon based on the repeat state
IfCondition=MeasureRepeat = 0
IfTrueAction=[!SetOption MeterRepeat ImageName "Repeat.png"]
IfCondition2=MeasureRepeat = 2
IfTrueAction2=[!SetOption MeterRepeat ImageName "Repeat-Glow-1.png"]
IfCondition3=MeasureRepeat = 1
IfTrueAction3=[!SetOption MeterRepeat ImageName "Repeat-Glow.png"]

;The shuffle state of the player
;0 shuffle is off
;1 shuffle is on
[MeasureShuffle]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Shuffle
;An example of how to color the shuffle icon based on the shuffle state
IfCondition=MeasureShuffle = 0
IfTrueAction=[!SetOption MeterShuffle ImageName "Shuffle.png"]
IfCondition2=MeasureShuffle = 1
IfTrueAction2=[!SetOption MeterShuffle ImageName "Shuffle-Glow.png"]

;The rating of the current song
;-1 is thumbs down
;0 is no rating
;1 is thumbs up
[MeasureRating]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Rating
;An example of how to color two rating icons based on the rating
IfCondition=(MeasureRating < 3) && (MeasureRating > 0)
IfTrueAction=[!SetOption MeterThumbsDown ImageName ""]
IfCondition2=MeasureRating > 3
IfTrueAction2=[!SetOption MeterThumbsDown ImageTint "#Color#"]
IfCondition3=(MeasureRating = 0) || (MeasureRating = 3)
IfTrueAction3=[!SetOption MeterThumbsDown ImageTint "#Color#"]




;=======================================================
;                     CONTROL BUTTONS              
;=======================================================
;---------------------------------------- PLAYERS Button
[StreamingPlayers]
Meter=Image
ImageName=Players.png
X=(#Player-Background-X-Offset#+8)
Y=(#SCREENAREAHEIGHT#/100*76+5)
W=64
LeftMouseDownAction=[!ShowMeterGroup Shortcuts][!ShowMeter SideBar-Background2][!ShowMeter BAR-Vertical][!ShowMeterGroup CloseButton]
AntiAlias=1
DynamicVariables=1

;--[StreamingPlayer-BUTTON]
;--Meter=String
;--X=(#Player-Background-X-Offset#+8)
;--Y=(#SCREENAREAHEIGHT#/100*44+15)
;--H=#ItemButtonHeight#
;--W=#ItemButtonWidth#

[StreamingPlayer-CLOSE-BUTTON-IMAGE]
Meter=Image
ImageName=CloseButton.png
X=(#Player-Background-X-Offset#+473)
Y=(#SCREENAREAHEIGHT#/100*76+28)
W=20
Group=CloseButton
Hidden=1

[StreamingPlayer-CLOSE-BUTTON]
Meter=String
X=(#Player-Background-X-Offset#+473)
Y=(#SCREENAREAHEIGHT#/100*76+28)
W=25
H=25
Group=CloseButton
LeftMouseDownAction=[!HideMeterGroup Shortcuts][!HideMeter SideBar-Background2][!HideMeter BAR-Vertical][!HideMeterGroup CloseButton]
AntiAlias=1
Hidden=1
DynamicVariables=1


;============================================================ PLAY BUTTON
[MeterPlay-Button]
Meter=Image
ImageName=[MeasurePlayPause].png
X=(#Player-Background-X-Offset#+#Button-Play-X-Offset#)
Y=#Button-Play-Y-Offset#
W=#AllButtonImages-Width#
Antialias=1
LeftMouseUpAction=[!CommandMeasure "MeasurePlayer-Local" "Play"][!CommandMeasure MeasurePlayPause "PlayPause"]
;--[!HideMeter MeterPlay-Button][!Showmeter MeterPause-Button]
;--MouseOverAction=[!UpdateMeasure MeasureState][!Redraw]
;--MouseLeaveAction=[!SetOption MeterPlay-Button ImageName Play.png]
DynamicVariables=1


;============================================================ PAUSE BUTTON
;---[MeterPause-Button]
;---Meter=Image
;---ImageName=#Button-Pause-ImageName#
;---X=(#Player-Background-X-Offset#+#Button-Pause-X-Offset#)
;---Y=#Button-Pause-Y-Offset#
;---W=#AllButtonImages-Width#
;---Hidden=1
;---Antialias=1
;---LeftMouseUpAction=[!CommandMeasure "MeasurePlayer-Local" "Play"][!CommandMeasure MeasurePlayPause "PlayPause"][!HideMeter MeterPause-Button][!ShowMeter MeterPlay-Button]
;---MouseOverAction=[!SetOption MeterPause-Button ImageName Pause-Glow.png]
;---MouseLeaveAction=[!SetOption MeterPause-Button ImageName Pause.png][!UpdateMeasure MeasureState][!Redraw]
;---DynamicVariables=1


;============================================================ PREVIOUS BUTTON
[MeterPrevious-Button]
Meter=Image
ImageName=#Button-Prev-ImageName#
X=(#Player-Background-X-Offset#+#Button-Prev-X-Offset#)
Y=#Button-Prev-Y-Offset#
W=#AllButtonImages-Width#
Antialias=1
LeftMouseUpAction=[!CommandMeasure "MeasurePlayer-Local" "Previous"][!CommandMeasure MeasurePlayPause "Previous"]
MouseOverAction=[!SetOption MeterPrevious-Button ImageName Previous-Glow.png]
MouseLeaveAction=[!SetOption MeterPrevious-Button ImageName Previous.png]
DynamicVariables=1


;============================================================ NEXT BUTTON
[MeterNext-Button]
Meter=Image
ImageName=#Button-Next-ImageName#
X=(+#Player-Background-X-Offset#+#Button-Next-X-Offset#)
Y=#Button-Next-Y-Offset#
W=#AllButtonImages-Width#
Antialias=1
LeftMouseUpAction=[!CommandMeasure "MeasurePlayer-Local" "Next"][!CommandMeasure MeasurePlayPause "Next"]
MouseOverAction=[!SetOption MeterNext-Button ImageName Next-Glow.png]
MouseLeaveAction=[!SetOption MeterNext-Button ImageName Next.png]
DynamicVariables=1


[MeterAlbumArt]
Meter=Image
h=250
w=250
MeasureName=MeasureAlbumArt
PreserveAspectRatio=1
;Example of how the bangs work, in this example clicking the album art will set the song to halfway through the song, the number after SetPosition is the percent through the song you want
;Note: the percent internally is an integer so it does not support decimals, same with the standard NowPlaying plugin. If people want it to I could make SetPosition support decimals however.
LeftMouseUpAction=[!CommandMeasure MeasureArtist "SetPosition 50"]

;---------------------------------------- Repeat Button
[MeterRepeat]
Meter=Image
ImageName=Repeat.png
X=(#SEC-Background-X-Offset#+485)
Y=#SEC-Background-Y-Offset#
W=40
Group=DynamicColors
;Example of the repeat bang, this toggles the repeat in the order of off -> on -> repeat one
LeftMouseUpAction=[!CommandMeasure MeasurePlayPause "Repeat"]
AntiAlias=1

;---------------------------------------- Shuffle Button
[MeterShuffle]
Meter=Image
ImageName=Shuffle.png
X=(#SEC-Background-X-Offset#+445)
Y=(#SEC-Background-Y-Offset#)
W=40
Group=DynamicColors
;Example of the repeat bang, this toggles the shuffle between off and on
LeftMouseUpAction=[!CommandMeasure MeasurePlayPause "Shuffle"]
AntiAlias=1

;---------------------------------------- Thumbs Up Button
[MeterThumbsUp]
Meter=Image
ImageName=Like.png
X=(#SEC-Background-X-Offset#+80)
Y=(#SEC-Background-Y-Offset#)
W=40
Group=DynamicColors
;Example of the thumbs up bang, this toggles the thumbs up status of the song
LeftMouseDownAction=[!CommandMeasure MeasurePlayPause "ToggleThumbsUp"][!SetOption MeterThumbsUp ImageName Like-Glow.png]
AntiAlias=1

;---------------------------------------- Thumbs Down Button
[MeterThumbsDown]
Meter=Image
ImageName=NoLike.png
X=(#SEC-Background-X-Offset#+120)
Y=(#SEC-Background-Y-Offset#)
W=40
Group=DynamicColors
;Example of the thumbs down bang, this toggles the thumbs down status of the song
LeftMouseDownAction=[!CommandMeasure MeasurePlayPause "ToggleThumbsDown"][!SetOption MeterThumbsUp ImageName Nolike-Glow.png]
AntiAlias=1

;---------------------------------------- Rewind Button
[MeterPositionBack]
Meter=Image
ImageName=Rewind.png
X=(#SEC-Background-X-Offset#+192)
Y=(#SEC-Background-Y-Offset#)
W=40
Group=DynamicColors
;Example of the volume bang, this decreases the volume by 5%
LeftMouseDownAction=[!CommandMeasure MeasurePlayPause "SetPosition -5"][!SetOption MeterPositionBack ImageName Rewind-Glow.png]
LeftMouseUpAction=[!SetOption MeterPositionBack ImageName Rewind.png]
AntiAlias=1

;---------------------------------------- Fast Forward Button
[MeterPositionForward]
Meter=Image
ImageName=FastForward.png
ImageTint=#Color#
X=(#SEC-Background-X-Offset#+392)
Y=(#SEC-Background-Y-Offset#)
W=40
Group=DynamicColors
;Example of the volume bang, this increases the volume by 5%
LeftMouseDownAction=[!CommandMeasure MeasurePlayPause "SetPosition +5"][!SetOption MeterPositionForward ImageName FastForward-Glow.png]
LeftMouseUpAction=[!SetOption MeterPositionForward ImageName FastForward.png]
AntiAlias=1


;=======================================================
;                   SONG PLAYING INFO           
;=======================================================
;============================================================ SONG NAME
[MeterTitle]
Meter=String
MeasureName=MeasurePlayer-Local
X=(+#Player-Background-X-Offset#+#Title-X-Offset#)
Y=#Title-Y-Offset#
FontFace=#Title-FontFace#
FontSize=#Title-FontSize#
FontColor=#Title-FontColor#
FontWeight=#Title-FontWeight#
Antialias=1
StringAlign=#Title-Align#
Text=%1
DynamicVariables=1

[MeterSongInfo]
Meter=String
X=(+#Player-Background-X-Offset#+#Title-X-Offset#)
Y=(#Title-Y-Offset#+4)
MeterStyle=STYLE-SONG-TEXT
Group=DynamicColors
MeasureName=MeasureTitle
ClipString=2

;============================================================ ARTIST NAME
[MeterArtist]
Meter=String
MeasureName=MeasureArtist-Local
X=(+#Player-Background-X-Offset#+#Artist-X-Offset#)
Y=#Artist-Y-Offset#
FontFace=#Artist-FontFace#
FontSize=#Artist-FontSize#
FontColor=#Artist-FontColor#
FontWeight=#Artist-FontWeight#
Antialias=1
StringAlign=#Artist-Align#
Text=%1
DynamicVariables=1

[MeterArtistInfo]
Meter=String
MeasureName=MeasureArtist
MeterStyle=STYLE-ARTIST-TEXT
X=(+#Player-Background-X-Offset#+#Artist-X-Offset#+20)
Y=(#Artist-Y-Offset#-193)
FontSize=8
FontWeight=600
Group=DynamicColors
Text=| Listening to: %1 |
StringAlign=Center
ClipString=2
DynamicVariables=1

;======================================================= ALBUM NAME
[MeterAlbumInfo]
Meter=String
X=(+#Player-Background-X-Offset#+#Album-X-Offset#)
Y=(#Album-Y-Offset#+3)
MeterStyle=STYLE-ALBUM-TEXT
MeasureName=MeasureAlbum
ClipString=2

;--------------------------------- TIME PROGRESS OF TRACK
[MeterPositionInfo]
Meter=String
X=(#SEC-Background-X-Offset#+275)
Y=(#SEC-Background-Y-Offset#+12)
MeterStyle=STYLE-TRACK-PROGRESS
Group=DynamicColors
MeasureName=MeasurePosition
Text=%1

[TRACKTIME-DIVIDER]
Meter=String
X=(#SEC-Background-X-Offset#+310)
Y=(#SEC-Background-Y-Offset#+12)
MeterStyle=STYLE-TRACK-PROGRESS
Text=|

;--------------------------------- TOTAL TIME OF TRACK
[MeterDurationInfo]
Meter=String
X=(#SEC-Background-X-Offset#+350)
Y=(#SEC-Background-Y-Offset#+12)
MeterStyle=STYLE-TRACK-PROGRESS
Group=DynamicColors
MeasureName=MeasureDuration

;--[MeterProgress2]
;--Meter=String
;--X=(+#Player-Background-X-Offset#+#Album-X-Offset#)
;--Y=#Album-Y-Offset#
;--Text=%1%
;--FontColor=#Color#,255
;--Group=DynamicColors
;--MeasureName=MeasureProgress

;======================================================= CHANGE PLAY-PAUSE IMAGE
;---[MeasureState]
;---Measure=Plugin
;---Plugin=NowPlaying
;---PlayerName=[MeasurePlayer-Local]
;---PlayerType=State
;---0 for stopped, 1 for playing, and 2 for paused

;---IfCondition=MeasureState = 0
;---IfTrueAction=[!SetOption MeterPlay-Button ImageName Play.png][!UpdateMeter MeterPlay-Button][!Redraw]

;---IfCondition2=MeasureState = 1
;---IfTrueAction2=[!SetOption MeterPlay-Button ImageName Pause.png][!UpdateMeter MeterPlay-Button][!Redraw]

;---IfCondition3=MeasureState = 2
;---IfTrueAction3=[!SetOption MeterPlay-Button ImageName Play.png][!UpdateMeter MeterPlay-Button][!Redraw]


;==========================================================================================================
;                                              VOLUME CONTROL
;==========================================================================================================
[MeasureWin7Audio]
Measure=Plugin
Plugin=Win7AudioPlugin

[MeasureCurrentVolume]
  Measure=Plugin
  Plugin=Win7AudioPlugin.dll

[PercentageCalc]
Measure=Calc
Formula=(MeasureWin7Audio+1-1)

[MeasureKnobPos]
Measure=Calc
Formula=(#Submenu-Y#+175-MeasureWin7Audio)

[MeasureProgress]
Measure=Calc
Formula=MeasureWin7Audio

[MeterBack]
Meter=Image
ImageName=back.png
X=(#X-ItemIconOffset#+415)
Y=(#Submenu-Y#+60)
Hidden=1
UpdateDivider=-1

[VolumeBackground]
Meter=Shape
Shape=Rectangle (#Player-Background-X-Offset#+#Volume-Background-X-Offset#),#Volume-Background-Y-Offset#,#Volume-Background-Width#,#Volume-Background-Height#,#Volume-Background-CornerRadius# | Fill Color #Volume-Background-FillColor# | StrokeWidth #Volume-Background-Stroke# | Stroke Color #Volume-Background-StrokeColor#
DynamicVariables=1

[MeterMute]  
	Meter=Image
	Imagename=\Graphics\Enable.png
	W=38
	x=(#X-ItemIconOffset#+416)
	y=(#Submenu-Y#+198)
	AntiAlias=1
	LeftMouseDownAction=!Execute [!RainmeterPluginBang "MeasureCurrentVolume ToggleMute"][!RainmeterShowMeter MeterUnmute][!RainmeterHideMeter MeterMute][MeasureCurrentVolume][MeterVolumeBarMeasure][!RainmeterRedraw]

[MeterUnmute]
	Meter=Image
	Imagename=\Graphics\Disable.png
	W=38
	x=(#X-ItemIconOffset#+416)
	y=(#Submenu-Y#+198)
	AntiAlias=1
	LeftMouseDownAction=!execute !Execute [!RainmeterPluginBang "MeasureCurrentVolume ToggleMute"][!RainmeterHideMeter MeterUnmute][!RainmeterShowMeter MeterMute][MeasureCurrentVolume][MeterVolumeBarMeasure][!RainmeterRedraw]
	Hidden=1

[MeterVolumePercent]
Meter=String
MeasureName=PercentageCalc
MeterStyle=StringStyle
X=(#X-ItemIconOffset#+435)
Y=(#Submenu-Y#+60)
FontFace=#FONT#
FontSize=#SIZE#
FontColor=#COLOR#
StringAlign=Center
AntiAlias=1
StringStyle=Bold

[MeterProgress]
Meter=Image
ImageName="[MeasureProgress].png"
X=(#X-ItemIconOffset#+416)
Y=(#Submenu-Y#+63)
Hidden=0
DynamicVariables=1

[MeterKnob]
Meter=Image
ImageName=knob.png
X=#knobx#
Y=[MeasureKnobPos]
DynamicVariables=1
LeftMouseDownAction=!Execute [!RainmeterShowMeterGroup Detect]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect]


[Meter0]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=#VolMeterStart#
w=39
H=20
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 0"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter1]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+186)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 1"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter2]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+185)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 1"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter3]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+184)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 3"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter4]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+183)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 4"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter5]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+182)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 5"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter6]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+181)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 6"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter7]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+180)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 7"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter8]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+179)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 8"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter9]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+178)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 9"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter10]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+177)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 10"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter11]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+176)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 11"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter12]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+175)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 12"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter13]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+174)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 13"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter14]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+173)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 14"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter15]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+172)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 15"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter16]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+171)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 16"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter17]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+170)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 17"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter18]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+169)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 18"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter19]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+168)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 19"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter20]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+167)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 20"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter21]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+166)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 21"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter22]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+165)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 22"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter23]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+164)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 23"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter24]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+163)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 24"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter25]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+162)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 25"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter26]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+161)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 26"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter27]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+160)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 27"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter28]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+159)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 28"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter29]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+158)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 29"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter30]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+157)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 30"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter31]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+156)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 31"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter32]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+155)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 32"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter33]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+154)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 33"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1


[Meter34]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+153)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 34"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter35]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+152)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 35"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter36]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+151)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 36"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter37]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+150)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 37"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter38]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+149)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 38"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter39]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+148)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 39"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter40]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+147)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 40"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter41]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+146)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 41"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter42]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+145)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 42"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter43]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+144)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 43"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter44]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+143)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 44"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter45]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+142)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 45"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter46]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+141)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 46"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter47]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+140)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 47"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter48]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+139)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 48"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter49]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+138)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 49"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter50]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+137)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 50"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter51]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+136)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 51"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter52]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+135)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 52"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter53]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+134)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 53"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter54]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+133)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 54"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter55]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+132)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 55"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter56]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+131)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 56"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter57]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+130)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 57"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter58]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+129)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 58"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter59]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+128)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 59"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter60]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+127)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 60"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter61]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+126)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 61"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter62]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+125)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 62"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter63]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+124)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 63"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter64]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+123)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 64"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter65]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+122)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 65"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter66]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+121)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 66"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter67]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+120)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 67"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter68]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+119)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 68"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter69]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+118)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 69"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter70]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+117)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 70"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter71]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+116)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 71"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter72]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+115)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 72"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter73]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+114)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 73"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter74]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+113)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 74"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter75]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+112)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 75"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter76]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+111)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 76"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter77]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+110)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 77"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter78]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+109)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 78"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter79]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+108)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 79"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter80]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+107)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 80"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter81]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+106)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 81"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter82]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+105)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 82"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter83]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+104)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 83"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter84]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+103)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 84"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter85]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+102)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 85"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter86]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+101)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 86"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter87]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+100)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 87"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter88]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+99)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 88"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter89]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+98)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 89"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter90]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+97)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 90"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter91]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+96)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 91"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter92]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+95)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 92"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter93]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+94)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 93"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter94]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+93)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 94"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter95]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+92)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 95"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter96]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+91)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 96"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter97]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+90)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 97"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter98]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+89)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 98"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter99]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+88)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 98"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1

[Meter100]
Meter=Image
solidcolor=255,0,0,0
x=(#X-ItemIconOffset#+425)
y=(#Submenu-Y#+87)
w=39
H=1
Group=Detect
MouseOverAction=!Execute [!CommandMeasure "MeasureWin7Audio" "SetVolume 100"]
LeftMouseUpAction=!Execute [!RainmeterHideMeterGroup Detect][PLAY #@#Ding.wav]
Hidden=1
User avatar
Yincognito
Rainmeter Sage
Posts: 7022
Joined: February 27th, 2015, 2:38 pm
Location: Terra Yincognita

Re: WebNowPlaying change image on mouse over action

Post by Yincognito »

wolfnuka wrote: February 25th, 2020, 7:34 pm Here is the full code:
....
Nah, that's too complicated for me. I'll try to explain it in simpler terms, hopefully you'll understand.
The easiest way to make a "glow" is to just make a photoshopped image having a transparent background and some yellow brush in the center to simulate the glow. The image should be either the same dimensions or a little bigger that the Play/Pause button you use in your skin. Then, you would add a meter displaying that image before the meter/button that is used to play/pause, but with a Hidden=1 option on it. After that, you'd add a MouseOverAction and a MouseLeaveAction on the actual Play/Pause meter/button, instructing Rainmeter to show or hide the meter having the "glow image".

Something along these lines (assuming [MeterPlayPause] is your actual play/pause button meter and [MeasureStateButton] is where you get the state of your play/pause) - disregard the other options you don't understand there, just focus on the process itself:

Code: Select all

[MeasureStateButton]
Measure=NowPlaying
PlayerName=[MeasureArtist]
PlayerType=State
RegExpSubstitute=1
Substitute="0":"#@#Play.png","1":"#@#Pause.png","2":"#@#Play.png"
UpdateDivider=(1000/#SlidingUpdate#)

....

[MeterGlow]
Meter=Image
Hidden=1
ImageName=#@#Glow.png
X=103
Y=46
W=26
AntiAlias=1
SolidColor=0,0,0,1
DynamicVariables=1
UpdateDivider=(1000/#SlidingUpdate#)

[MeterPlayPause]
Meter=Image
ImageName=[MeasureStateButton]
X=103
Y=46
W=26
AntiAlias=1
SolidColor=0,0,0,1
ImageTint=#Color2#
DynamicVariables=1
LeftMouseUpAction=[!CommandMeasure "MeasureArtist" "PlayPause"]
MouseOverAction=[!ShowMeter "MeterGlow"]
MouseLeaveAction=[!HideMeter "MeterGlow"]
UpdateDivider=(1000/#SlidingUpdate#)
Of course, the coordinates of the "glow meter" and that of the "play/pause meter" should be correlated with each other. Thankfully, the actual button image used above in the play/pause meter is a little smaller than the dimensions of the .png, so I made the glow image the same (but the yellow brush is reaching the edges of the image). For a 32x32px button, this is how a glow image looks like (a bit rudimentary, but you get the point):
Glow.png
User avatar
balala
Rainmeter Sage
Posts: 16109
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: WebNowPlaying change image on mouse over action

Post by balala »

Besides Yincognito's reply (who once again beat me), here is what would I do:
wolfnuka wrote: February 25th, 2020, 7:34 pm Here is the full code:
(OMG, long code!)
First declare a new variable into the [Variables] section, let's name it Hover:

Code: Select all

[Variables]
...
Hover=0
Leave the already existing variables as they are.
This variable will be used to let the skin know when is the mouse hovered over the button. To get this, add the following two options to the [MeterPlay-Button] meter:

Code: Select all

[MeterPlay-Button]
...
MouseOverAction=[!SetVariable Hover "1"][!UpdateMeasure "MeasurePlayPauseHover"][!Redraw]
MouseLeaveAction=[!SetVariable Hover "0"][!UpdateMeasure "MeasurePlayPauseHover"][!Redraw]
As you can see, there is a yet not existing measure, [MeasurePlayPauseHover]. Add it:

Code: Select all

[MeasurePlayPauseHover]
Measure=Calc
Formula=( #Hover# * ( MeasurePlayPause + 1 ))
DynamicVariables=1
RegExpSubstitute=1
Substitute="^1$":"ImageForPlayingNotHover","^2$":"ImageForPauseNotHover","^3$":"ImageForPlayingNotHover","^4$":"ImageForReplayingNotHover","^-1$":"ImageForPlayingHovered","^-2$":"ImageForPauseNotHovered","^-3$":"ImageForPlayingNotHovered","^-4$":"ImageForReplayingNotHovered"
You have to replace the above ImageForPlayingNotHover, ImageForPauseNotHover, ImageForPlayingNotHover and so on strings with the appropriate image names you want to use for the image of the button in all those cases.
Remove the Substitute option of the [MeasurePlayPause] measure.
Finally replace the ImageName option of the [MeterPlay-Button] meter with this: ImageName=[MeasurePlayPauseHover].png.
Does this work?
wolfnuka
Posts: 15
Joined: January 13th, 2020, 7:14 pm

Re: WebNowPlaying change image on mouse over action

Post by wolfnuka »

The Image is not a problem, I have them, I use them on other submenus I created for the skin I am working on, that's not the issue, the issue is being able to change the image when you mouse hover the button, but show the correct image, depending on the "playing status", otherwise, if the player is already playing a song, and I hover, without being able to correlate the status with the correct image, it will show the wrong image.
User avatar
balala
Rainmeter Sage
Posts: 16109
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: WebNowPlaying change image on mouse over action

Post by balala »

wolfnuka wrote: February 25th, 2020, 8:13 pm The Image is not a problem, I have them, I use them on other submenus I created for the skin I am working on, that's not the issue, the issue is being able to change the image when you mouse hover the button, but show the correct image, depending on the "playing status", otherwise, if the player is already playing a song, and I hover, without being able to correlate the status with the correct image, it will show the wrong image.
This I think is exactly what my above solution does. I mentioned there to replace the strings posted into the Substitute option of the [MeasurePlayPauseHover] measure with the appropriate names of those image files you already have. Please follow the description to get it working.
wolfnuka
Posts: 15
Joined: January 13th, 2020, 7:14 pm

Re: WebNowPlaying change image on mouse over action

Post by wolfnuka »

balala wrote: February 25th, 2020, 8:10 pm Besides Yincognito's reply (who once again beat me), here is what would I do:

(OMG, long code!)
First declare a new variable into the [Variables] section, let's name it Hover:

Code: Select all

[Variables]
...
Hover=0
Leave the already existing variables as they are.
This variable will be used to let the skin know when is the mouse hovered over the button. To get this, add the following two options to the [MeterPlay-Button] meter:

Code: Select all

[MeterPlay-Button]
...
MouseOverAction=[!SetVariable Hover "1"][!UpdateMeasure "MeasurePlayPauseHover"][!Redraw]
MouseLeaveAction=[!SetVariable Hover "0"][!UpdateMeasure "MeasurePlayPauseHover"][!Redraw]
As you can see, there is a yet not existing measure, [MeasurePlayPauseHover]. Add it:

Code: Select all

[MeasurePlayPauseHover]
Measure=Calc
Formula=( #Hover# * ( MeasurePlayPause + 1 ))
DynamicVariables=1
RegExpSubstitute=1
Substitute="^1$":"ImageForPlayingNotHover","^2$":"ImageForPauseNotHover","^3$":"ImageForPlayingNotHover","^4$":"ImageForReplayingNotHover","^-1$":"ImageForPlayingHovered","^-2$":"ImageForPauseNotHovered","^-3$":"ImageForPlayingNotHovered","^-4$":"ImageForReplayingNotHovered"
You have to replace the above ImageForPlayingNotHover, ImageForPauseNotHover, ImageForPlayingNotHover and so on strings with the appropriate image names you want to use for the image of the button in all those cases.
Remove the Substitute option of the [MeasurePlayPause] measure.
Finally replace the ImageName option of the [MeterPlay-Button] meter with this: ImageName=[MeasurePlayPauseHover].png.
Does this work?
Ok, I will try that!, thank you!
wolfnuka
Posts: 15
Joined: January 13th, 2020, 7:14 pm

Re: WebNowPlaying change image on mouse over action

Post by wolfnuka »

Ok, so I tried that, but didn't quite work, the play button is gone, but when i hover it with the mouse, it shows a white square below the skin almost at the end of it
User avatar
balala
Rainmeter Sage
Posts: 16109
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: WebNowPlaying change image on mouse over action

Post by balala »

wolfnuka wrote: February 25th, 2020, 8:43 pm Ok, so I tried that, but didn't quite work, the play button is gone, but when i hover it with the mouse, it shows a white square below the skin almost at the end of it
Ok, then plase pack the whole config, including the Images you want to use and upload the package. I need all those resources (images) in order to get it working well.
Post Reply