Simple Music Playing Skins

[BonBonToro]

I need help with something I'm trying to do.
Well, first, I've created some .png files for playing music.

There are four images that I will use.

One picture that is neutral (not touched and not playing music)

Filename: NoPlay.png

One that will appear when the picture is hovered over

Filename: BallHovered.png

Once the music plays as the hovered picture is clicked a new image appears

Filename: Ball1Play.png

Last picture is when you hover over the picture and then this comes up

Filename: Stop.png

When the Stop.png is clicked on, music stops and the picture returns back to NoPlay.png

Also I've got a music file in the folder with the skin. Music file converted to .wav
Temporarily let's call it Music.wav

I've gone through the manuals looking for information but I just find it hard to follow and I'm better at using examples.

So this is what I want to do:
1. Have the NoPlay.png placed somewhere on my desktop

2. Hover over the image and then BallHovered.png appears over it, if not clicked on and the mouse goes somewhere else the image goes back to NoPlay.png

3. When the image is clicked on the Music.wav is played and the image changes to Ball1Play.png

4. The music plays and once done it repeats

5. If that image is hovered over then Stop.png appears, if not clicked on and the mouse goes somewhere else the image goes back to Ball1Play.png

6. When Stop.png is clicked on the music stops

7. Image goes back to NoPlay.png and the cycle can start over again.

This is basically what I want to do with this skin, maybe your facial reaction now is
but I'm not sure how to deal with this issue!!

I think I gave enough detail and if you want more info on what else I'm going to do just comment.

I'm trying to work out what to do in the scripts but I'd at least want some info, not really "make it for me" but instead "a few points on what I should do to get it working"

[jsmorley]

http://rainmeter.net/forum/viewtopic.php?p=49194#p49194

[BonBonToro]

http://rainmeter.net/forum/viewtopic.php?p=49194#p49194

I edited the description at the top, I don't want someone to make it for me but I just need help on what I should do. :/

[AlC]

Read the Rainmeter 101 to learn how creating a skin + learn what measures, meters and plugins are.

Then see the manual for more informations about measures, meters ,plugins and bangs.

[BonBonToro]

Read the Rainmeter 101 to learn how creating a skin + learn what measures, meters and plugins are.

Then see the manual for more informations about measures, meters ,plugins and bangs.

I'm already working my way through the manual, I'll come back if I need help on something in particular.

[jsmorley]

Please do. If you take a run at it and get stuck somewhere, or have questions or find that something doesn't work as expected, we are glad to help out with advice or debugging.

[BonBonToro]

I've worked out that it has to be a Button, I've figured out there is a ButtonCommand section and got it to play music at last!!!! >:D

In the ButtonCommand section am I able to make the button do two tasks?
For example, play music and change the button image? :/

Edit: Wait, I found out !Execute can 'multitask' when pressed upon ;v;

[BonBonToro]

Can I change from one ButtonImage to another ButtonImage?

[AlC]

2 you can do with a button-meter or Mouseover-/Mouseleaveaction
- Button-meter has 3 states Normal, clicked, hover
- Mouseoveraction -> Show hover-meter/hide normal-meter /// Mouseleaveaction ->Show normal-meter/hide hover-meter

3 and 4 (music): See in the manual under bangs "PLAY(LOOP)"
3 (Image): The NowPlaying plugin has the PlayerType "STATE"
from the manual

STATE - 0 for stopped, 1 for playing, and 2 for paused.

Combined with a Ifaction you can hide normal-meter and hover-meter and show playing-meter.

5 is Mouseover-/Mouseleaveaction again.

7 hide playing/stop-meter and show normal-meter

Look in the manual for more infos.

I would do this on this way.
Now it's your turn

[BonBonToro]

I'll try this and see how it goes! Looks a little complicated but thanks

This is what I've got down at the moment

Code: Select all

[Rainmeter]
Update=1000

[MeterStop]
Meter=Button
ButtonImage=#CURRENTPATH#Stop.png
ButtonCommand=!Execute [PLAYSTOP] [ButtonImage=#CURRENTPATH#Play.png]
[MeterPlay]
Meter=Button
ButtonImage=#CURRENTPATH#Play.png
ButtonCommand=!Execute [PLAYLOOP "Pursuing My True Self.wav"] []

The skin starts on [MeterPlay] first and not [MeterStop], well, I switched the two of them around to see what happens and turns out it always starts off with the 2nd meter (in this case [MeterPlay]).

I've also made those pictures into pictures of three so that they are three pictures and work as buttons.

I'm definitely doing something wrong