Old 17th May 2017, 09:28   #81
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by ariszlo View Post
I have randomly seen it with other skins, too, so I believe it is Winamp related.
Well, we have another candidate for the inglorious Known-Bugs-Cabinet.
PeterK. is offline   Reply With Quote
Old 17th May 2017, 16:51   #82
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Quote:
Originally Posted by PeterK. View Post
...

I always use only one window: either PL or ML. You will find Playlist, Album-Cover and Playback buttons on both of them. Hence one of them should be sufficient. Don't you think?
The ML window would be enough, but I can't find a way to open a playlist editor panel in it. The attached image below is what I've decided to roll with for now. I have an old visualizer stacker plug-in which lets me run my VU meter and dancing girl visualizer plug-ins at the same time. However, I now need to run Winamp in administrator mode for the stacker to work, so it's great for me that the next version of Quinto will have built-in analog and digital VU meters.

Quote:
Originally Posted by PeterK. View Post
I used to have it on my desktop but got tired of waiting while playing new songs.
What version of Waveform Seeker were you using? Version 2.3.1 (updated by DrO) (https://getwacup.com/plugins/waveform_seeker/) will make a waveform in less than 3 seconds for files with < 10 minutes run time.

Quote:
Originally Posted by PeterK. View Post
I also noticed that the background color of the context menu sometimes changes its color and gets white. Is this a skin or Winamp related issue?
I agree with ariszlo that that is a Winamp bug. Good thing it's on a configuration window, much less distracting than the internal browser's scrollbars and their gray/white backgrounds when running Quinto on a Windows 10 machine.


Click image for larger version

Name:	Quinto Black CT 2.JPG
Views:	102
Size:	455.7 KB
ID:	53262


P.S.
Have you noticed the slight registration error between the white text and symbols (while pointing at them) and the black text and symbols (when not pointing) on the buttons? Look at the bottom edges (a little white is visible under the black).

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 18th May 2017, 22:43   #83
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
IT'S ALIVE!

My very first prototype of an external digital VU Meter is up and running!



So now we have two different (actually three) VU Meters. Two digital ones: the small one on the Main Player and the external VU Meter. And on top of that the analog VU Meter.

Please bear in mind that all three VU Meters generate their values totally differently. When set to "Mode Linear" the analog one gets "pure" volume units (VU) as digits from the range from 0 to 255 (which are generated by the getVULeftMeter() and getVURightMeter() commands) while the digital ones work with AnimatedLayers and which have to divide the volume units (VU) depending on the amount of frames in the bitmap file.

As a result we might not see perfectly accurate values/movements while monitoring and comparing all three displays. I repeat: these are not high definition measuring devices. Consider them more as "Nice-To-Have" Plug-Ins with some very nice "Eye-Candy-Effects".




Quote:
Originally Posted by Aminifu View Post
Have you noticed the slight registration error between the white text and symbols (while pointing at them) and the black text and symbols (when not pointing) on the buttons? Look at the bottom edges (a little white is visible under the black).
I am a "visual type" Aminifu. You need to point to it so I see, understand and am able to give you a plausible answer. Okie Dokie?
Attached Thumbnails
Click image for larger version

Name:	VU Meter D.png
Views:	1095
Size:	884.7 KB
ID:	53266   Click image for larger version

Name:	VU Meter digital2.PNG
Views:	760
Size:	188.0 KB
ID:	53267  
PeterK. is offline   Reply With Quote
Old 19th May 2017, 00:11   #84
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,439

· · TMCT · KOMODO X
Victhor is offline   Reply With Quote
Old 19th May 2017, 02:32   #85
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Quote:
Originally Posted by PeterK. View Post
...


I am a "visual type" Aminifu. You need to point to it so I see, understand and am able to give you a plausible answer. Okie Dokie?
Click on that image of my desktop in post #82 above. A larger version will open in a new browser tab. Click on that image and it will get even larger. Then use the scroll bars to move to where you can see the playlist editor window. Look at the bottom edge of the words in the buttons (e.g. ADD, REMOVE, SELECT, etc.).

On the actual skin, when you point to any of these buttons, the color of the text changes from black to white. When you point away the black text returns, but it is slightly above the underlying white text. The same thing happens with the symbols on the player controls.

It's a minor thing. If you still don't see what I'm talking about, don't worry about it.


Great job on the VU meters.

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 19th May 2017, 08:03   #86
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
@Victhor: FINALLY! A "word" from admin! Yes, the dinosaurs are back!

Quote:
Originally Posted by Aminifu View Post
... when you point to any of these buttons, the color of the text changes from black to white. When you point away the black text returns, but it is slightly above the underlying white text. The same thing happens with the symbols on the player controls.
Well, these are Buttons. Toggle Buttons. All toggle Buttons have three states: NORMAL, HOVER and PRESSED (clicked). The text in the NORMAL state is (sort of) cut out in the surface of the Button. And hence we have white lines at the bottom which represent the reflection of the light and a shadow, because there is a "hole" in the surface of that NORMAL Button. The second one, HOVER, has a "glowing" text in order to signalize the readiness for being clicked = the pointer of your mouse is exactly over the HOVER bitmap. Now you may make a click and will see the third state, namely the PRESSED (clicked) Button - which is - and I think this is not a surprise - dark because it lays deeper than the surface it is put in and gets (almost) no light in there.



So where is the "slight registration error"?


Attached Thumbnails
Click image for larger version

Name:	Button.png
Views:	704
Size:	17.2 KB
ID:	53268  
PeterK. is offline   Reply With Quote
Old 19th May 2017, 16:02   #87
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Quote:
Originally Posted by PeterK. View Post
...
So where is the "slight registration error"?
I should have realized that what I'm talking about is an intentional design choice. What you say represents the reflection of the light and a shadow for the Normal state look, looks to me like the bottom edge of each letter (and symbol) is cut off.

It is often said that art is in the eye of the beholder. For example, I would have used the yellow+white light effect used (4 places) in the song info bar of the main player for the digital VU meter power light, instead of the solid blue color. However 1 represents a LED and the others do not, imo. To me, they look more like the lights in vintage radio and stereo equipment. So never mind me, artistic choices are totally up to you. Carry on!

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 19th May 2017, 17:33   #88
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by Aminifu View Post
I should have realized that what I'm talking about is an intentional design choice.
This is the technique which I was applying while creating those buttons.

Quote:
Originally Posted by Aminifu View Post
Carry on!
Avec plaisir!
PeterK. is offline   Reply With Quote
Old 19th May 2017, 20:03   #89
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Hi PeterK.,

Winamp has 3 ways to change the track run time from displaying the remaining time or the elapsed time. The keyboard "Ctrl+T" shortcut, the main context menu "Options" sub-menu commands, and by clicking on the run time in the main player window/panel.

I just noticed that only clicking on the run time in the main player window works in this skin. However, "Ctrl+T" does change what is enabled on the main context menu "Options" sub-menu.

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 19th May 2017, 20:32   #90
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by Aminifu View Post
... I just noticed that only clicking on the run time in the main player window works in this skin. However, "Ctrl+T" does change what is enabled on the main context menu "Options" sub-menu.
The reason why you cannot use the context menu or keyboard shortcut is the oldtimer script which on one side shows an additional "0" in the running time but on the other "blocks/disables" the "switch option".

So yes, you can only switch from Time elapsed to Time remaining by clicking on the running time on the MainPlayer. I just do not know how to combine both features: additional "0" and working keyboard short cut. (and I do not want to delete the former one )
PeterK. is offline   Reply With Quote
Old 22nd May 2017, 18:36   #91
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
I linked the side panels of both VU Meters (analog and digital) to the Main Player which means that changing the side panels color on the Main Player will automatically change the color on the VU Meters. Now you can choose between brown, red and black.

Attached Thumbnails
Click image for larger version

Name:	SidePanels.PNG
Views:	711
Size:	820.5 KB
ID:	53270  
PeterK. is offline   Reply With Quote
Old 3rd June 2017, 10:13   #92
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
This is the last feature for the upcoming version 1.3.
I added a colorButton on each VU Meter so now you can switch between beige/blue scale background and green/blue LEDs.

The small LED on the analog VU Meter indicates which color scheme was chosen: beige or blue.



The same pattern works on the digital VU Meter but in green or blue color:



And this is how the digital VU Meter looks like with more colors:

Attached Thumbnails
Click image for larger version

Name:	VU.png
Views:	656
Size:	216.4 KB
ID:	53287   Click image for larger version

Name:	VU_beige.png
Views:	705
Size:	711.1 KB
ID:	53290   Click image for larger version

Name:	VU_blue.png
Views:	855
Size:	706.5 KB
ID:	53292  
PeterK. is offline   Reply With Quote
Old 5th June 2017, 17:20   #93
PEACE101
Junior Member
 
Join Date: May 2017
Posts: 2
hello, am having a problem friend with alternating skins when i click next
PEACE101 is offline   Reply With Quote
Old 7th June 2017, 20:18   #94
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
[FONT="Verdana"]I removed the Side Panels (SP) button from the Equalizer drawer and added a context menu entry "Side Panels" which contains three sub menus: brown, dark brown, red and black. These are the colors for the side panels which you have on the Main Player, VU Meter (analog) and VU Meter (digital).

Attached Thumbnails
Click image for larger version

Name:	sidepanels_contextmenu.png
Views:	641
Size:	6.4 KB
ID:	53300  
PeterK. is offline   Reply With Quote
Old 13th June 2017, 20:49   #95
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Hello again,

I must be honest with you: I am still experimenting with my VU Meters and their design. One thing is sure, I added a new color to both meters so you can now choose between beige/blue and brown on the analog meter and brown/blue/green on the digital.

The color option on the analog VU Meter changes also the color of the menu button background. In addition I would like to point out here that these buttons are disabled while Winamp is in POWER OFF mode. Following the same pattern like on the Main Player, only the color toggle buttons work in that (lights off) mode.

The colors on both meters work totally independently from each other, there is not link whatsoever. You may choose blue scale and green LED's, it's up to you. Do as you please!

Oh yes, I also added three new color themes (VU Beige, VU Blue and VU Brown) which correspond almost perfectly with the chosen scale color.

Let's head over to the "goodies" now! I have three new screenshots for you.

This is the beige color theme:



This would be the blue one:



And the brown one:



And what's your favorite color scheme?


Attached Thumbnails
Click image for larger version

Name:	VU beige.png
Views:	651
Size:	609.0 KB
ID:	53304   Click image for larger version

Name:	VU blue.png
Views:	631
Size:	606.0 KB
ID:	53305   Click image for larger version

Name:	VU brown.png
Views:	685
Size:	606.6 KB
ID:	53306  
PeterK. is offline   Reply With Quote
Old 13th June 2017, 22:15   #96
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 302
All three look cool but if I had to choose one then right now I would say the brown theme.
ariszlo is offline   Reply With Quote
Old 14th June 2017, 16:35   #97
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Will the external VU meters be re-sizable?

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 15th June 2017, 11:35   #98
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by Aminifu View Post
Will the external VU meters be re-sizable?
Nope.
PeterK. is offline   Reply With Quote
Old 5th July 2017, 18:10   #99
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
In respond to Aminifu's request I would like to confirm that there will be an additional bitmap file within the upcoming version 1.4 of my skin with dark OPTION- and PLAYBACK-buttons:



I will also add a toggle button which will provide the ability to switch between the light and the dark look.

Please remember: adding dark background will lead to a more simple look of the buttons because the "cut-out-technique" used in the light blue buttons cannot be applied here.

And the exact colors are still subject to change.

Attached Thumbnails
Click image for larger version

Name:	Dark_buttons.PNG
Views:	604
Size:	116.3 KB
ID:	53345  
PeterK. is offline   Reply With Quote
Old 6th July 2017, 15:38   #100
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Thank you, PeterK. The dark buttons option (as shown in the screenshot above) is exactly what I was hoping for.

I suggest you add a PayPal donations link to this skin's credits and acknowledgements page. The donation link on the download page is for Winaero and I would rather donate directly to you.

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 6th July 2017, 20:46   #101
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by Aminifu View Post
Thank you, PeterK. The dark buttons option (as shown in the screenshot above) is exactly what I was hoping for.
I am afraid I made my promise a little bit too soon. While changing the script files I realized that those blue buttons on Medialibrary window are Winamp's buttons and not Quinto's. Thus I cannot assign more than one particular bitmap file to those so called wasabi-buttons:



Quote:
Originally Posted by Aminifu View Post
... and I would rather donate directly to you.
I'm gonna be rich! I'm gonna be rich!!! LOL ...

Thank you very much Aminifu for your noble intention. I will think about it.

Attached Thumbnails
Click image for larger version

Name:	Blue_Buttons.png
Views:	518
Size:	179.8 KB
ID:	53348  
PeterK. is offline   Reply With Quote
Old 8th July 2017, 12:53   #102
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
I forgot to mention that in order to avoid adding a toggle button to every single conatiner window (Playlist Editor, MediaLibrary, Video, Visualizer and Color Themes) I decided to make a new context menu option called Button Color which will be responsible for the background color of all additional buttons, which my skin provide on those windows.

Attached Thumbnails
Click image for larger version

Name:	button_color.png
Views:	523
Size:	298.7 KB
ID:	53353  
PeterK. is offline   Reply With Quote
Old 15th July 2017, 08:58   #103
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
With some help from Ariszló, who provided the link to a particular skin with an "About" option, I am as well adding such feature to my skin.

It will give you short information about the skin and its current version. In addition, there will be two toggle buttons: one leading to this forum thread and another one to the download page at winaero.com. I might as well add some changelog lines. We shall see.

On top of that I will add a (real!) 3D picture of the MainPlayer. The first draft of that idea would look more or less like in this following screenshot:



Being honest I am very tempted to make a small animation/intro for this "About" section but unfortunately the size of that particular file would make the entire skin three times bigger. Is it worth it?

Attached Thumbnails
Click image for larger version

Name:	Quinto in 3D.png
Views:	563
Size:	184.3 KB
ID:	53364  
PeterK. is offline   Reply With Quote
Old 21st July 2017, 20:18   #104
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
While browsing the web I discovered a 10 years old pdf-file about "Winamp 2.x Skinning". Being honest I did not find anything brand new and useful for me but one section definitely caught my attention: <snappoint>. As we know all windows (normally) snap into all sides of the the Main Player. Too bad it never worked properly for Quinto. And it took me a while to find the cause of this annoyance. A window does not snap into the right and the bottom edge of the Main Player because this is where the Album Art Drawer and Equalizer Drawer appear. These two drawers make the Main Player bigger than it really is (820 pixel wide instead of 610 pixel). So I had to create two additional <snappoints> for Quinto's Main Player.

UPDATE: I wrote this post some days ago, and deleted it immediately, because windows still do not snap properly to the right and bottom edge of the Main Player. I would call it: unstable. They do now, but will not ten minutes later.

I am still looking into this.
PeterK. is offline   Reply With Quote
Old 22nd July 2017, 04:43   #105
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Quote:
Originally Posted by PeterK. View Post
...

Being honest I am very tempted to make a small animation/intro for this "About" section but unfortunately the size of that particular file would make the entire skin three times bigger. Is it worth it?

Maybe on the download page, but not as part of the skin itself, imho.

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 27th July 2017, 16:51   #106
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by Aminifu View Post
Maybe on the download page ...

Actually, this is not a bad idea at all. A nice animated GIF would fit perfectly on that download page. I have to talk to winaero.

Some short messages besides that:

1) The 3D picture is getting better and better, I will soon finish that screenshot and include it to the About section:



2) For the upcoming About window I created something new. The entire window background will be transparent with no border/frame at all and as big as your desktop while the content section will be placed (automatically) in the middle of your desktop. The script file "grabs" your desktop's width and height and computes the middle lines through the viewport where the content background will be shown. In order to close the About window, just use the right mouse and click on About again.


Attached Thumbnails
Click image for larger version

Name:	quinto_3D.png
Views:	466
Size:	282.2 KB
ID:	53411  
PeterK. is offline   Reply With Quote
Old 4th August 2017, 16:35   #107
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
As you probably remember I had some troubles with the snapping feature in my skin. Either it worked at the bottom or at the right edge of the MainPlayer. But never on both edges. I tried adding some new snappoints which did not help. In the end I used a line which I had found in the Modern Skin: layout.snapAdjust(). Being convinced that this will solve the problem I happily insert those lines in each script file for both: the equalizer and album drawer. The happiness did not last for long. As I already said it worked unstable. The "last resort" in that case was to detach the Album drawer from the MainPlayer. And this really did the trick!

By doing so I created a win-win situation for the skin. Because now we have not only a working snapping feature all over the skin but also a floating AlbumArt window with a new option. You may now rearrange the skin's components on your desktops by snapping one to each other. Click, click. Finished!

And this is how the standard AlbumArt window will look like once selected AlbumArt from the context menu:



You probably know two of the third options from the Modern Skin. These would be Refresh AlbumArt and Open Folder. The third one called Album Cover Size provides a list with some dimensions you can choose from in case your album art cover collection has the same size, say 500x500 pixel. No need to resize the entire window anymore, just choose the 500x500 option. In case there is a size you do not find in this list and which you would find useful, please let me know and I will add it.

The third remark for today relates to the button color option in the context menu. I had the problem that the MediaLibrary's buttons would not change their color since they "grab" the bitmap file placed in the elements.xml file and cannot be changed using a script modification. So I drew a line between the skin's buttons and MediaLibrary's wasabi buttons and made them dark for every color scheme.

This is the blue scheme:



And the dark one:



I do not think I am going to add anything new to the upcoming version (1.4), which should be finished by the end of the month.

Attached Thumbnails
Click image for larger version

Name:	albumart window.PNG
Views:	437
Size:	323.9 KB
ID:	53452   Click image for larger version

Name:	medialibrary2.PNG
Views:	407
Size:	147.3 KB
ID:	53453   Click image for larger version

Name:	medialibrary.PNG
Views:	420
Size:	148.2 KB
ID:	53454  
PeterK. is offline   Reply With Quote
Old 6th August 2017, 06:57   #108
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 302
I liked the albumart drawer but I understand that clicking the pieces together is of higher priority. And introducing the size option is a good idea.

And a minor note. Are the arrows on the media library scrollbar buttons intentionally different in style from the arrows on the playback buttons or just left-overs from an earlier version?
ariszlo is offline   Reply With Quote
Old 6th August 2017, 08:09   #109
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 302
Quote:
Originally Posted by PeterK. View Post
I had the problem that the MediaLibrary's buttons would not change their color since they "grab" the bitmap file placed in the elements.xml file and cannot be changed using a script modification.
I am not sure if this helps but have you checked the backgroundThemes.m script of the Friends 1.1F skin? It changes png's with color themes.
ariszlo is offline   Reply With Quote
Old 6th August 2017, 09:03   #110
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by ariszlo View Post
I liked the albumart drawer but I understand that clicking the pieces together is of higher priority...
I did like it too. But snapping feature is one of the basic features which every skin should provide.

Quote:
Originally Posted by ariszlo View Post
... Are the arrows on the media library scrollbar buttons intentionally different in style from the arrows on the playback buttons or just left-overs from an earlier version?

Yep. The triangles on the scroll buttons have nothing in common with the set of PLAYBACK signs at the bottom of every container window. Intention. No left-overs.

By the way: I do hope you remember the thread I created about graphical glitches on high-resolution displays some months ago. The UP and DOWN arrows and the scroll buttons are bigger and look differently compared to the same MediaLibrary window on a standard viewport. Please have a look at this screenshot:



On the left: MediaLibrary on a 96dpi display. On the right: MediaLibrary on a 144dpi display. (150% scale on a FullHD laptop display)


Quote:
Originally Posted by ariszlo View Post
I am not sure if this helps but have you checked the backgroundThemes.m script of the Friends 1.1F skin? It changes png's with color themes.

Yes Ariszló, I also gave such idea a short thought. Those buttons would change their background color according to the chosen color theme but this was never my intention. My intention was to keep the "two-colors-mode" (blue/dark gray) for the wasabi buttons AND playback buttons changeable with a hit on a toggle button/context menu entry.

Attached Thumbnails
Click image for larger version

Name:	mediaLibrary buttons.png
Views:	392
Size:	143.6 KB
ID:	53461  
PeterK. is offline   Reply With Quote
Old 12th August 2017, 10:57   #111
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
I managed to create an Offline Lyrics window which will show song lyrics saved as *.html files.



Obviously, this approach is combined with some work on the user's side, because you will have to copy and paste the text lines into fresh created *.html files. But this is all. Once you have created the default.html file, the only work will be to google the lyrics and copy/paste them into the *.html file in the song's folder. I am planing to add a short tutorial on how to create the default file, which will be shown in the Lyrics window while playing a song with no attached lyrics file.

Why *.html file, you might ask? It has a "cosmetic" reason. Using a plain *.txt file we would end up with boring white background and black text, while the appearance of a *.html file can be endlessly altered. The default.html file will provide the same colors as used in my skin. Nevertheless, you are welcome to change the looks of those lyrics files to your liking (in case you have basic HTML skills).
Attached Thumbnails
Click image for larger version

Name:	lyrics.PNG
Views:	395
Size:	131.3 KB
ID:	53470  
PeterK. is offline   Reply With Quote
Old 13th August 2017, 03:50   #112
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,439
I love to see how you blend the skin engine to achieve features hugely demanded on the player itself. But honestly I don't think a manual approach is the best option in this case. Isn't it possible to read the lyrics tag directly from the file?
I'm afraid most users are too used to have that job done automatically.

Giving that you already got the html part solved, maybe a better approach (not entirely perfect) could be mixing it with the cPro Reader approach? Is not my code at all but I managed to implemented it separately in my Komodo X skin (in case you don't want to install cPro plugin).

The reader scripts gather automatically the artist and track fields and appends it to a search in any giving url (my best choice there is musixmatch). Some sites throw directly the lyric when using www.siteurl.com/%artist%+%tracktitle% and some just throw you the search results.

The inevitable downside is the impossibility to control the aesthetics..

· · TMCT · KOMODO X
Victhor is offline   Reply With Quote
Old 13th August 2017, 10:35   #113
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Thank you for your comment, Victhor
Quote:
Originally Posted by Victhor View Post
Isn't it possible to read the lyrics tag directly from the file?
I do apologize in advance for my silly question but how do you insert text into a tag? I do remember there was a program called EvilTagger many years ago, which I never tried and which you cannot download nowadays anymore.

But even if you manage to save text within a *.mp3 file, I really doubt there is a simple command which would read and display the tag content.
Or is it?

Quote:
Originally Posted by Victhor View Post
I'm afraid most users are too used to have that job done automatically.
And I am afraid you are right but this is not the point here Vic. There was a time when I was using the LyricsPlug-In which works fine. But the fact that I was not able to save the text and have it available while being offline made me uninstall this feature. I wanted to get rid of that "being-online" dependence.

The other day, I installed the Azenis2 skin hoping to find an answer to an entirely different question. And noticed the read_me.txt file being displayed. So I thought to myself: if it is possible to display a text file, we should be able to do the same with *.html files. And the idea for an offline Lyrics window was born.

Yes, I am aware of the fact that the majority prefers the "automatic solution". I am not claiming to have created a Lyrics-PlugIn which can download lyrics off the internet. My modest solution gives the minority the opportunity to spend 15 minutes, create +/- 10 *.html files within a particular music folder and have the lyrics always available. If the user is not willing to spare the time and work and seeks the automatic solution it is fine with me!
The usage of such feature is not mandatory, it is an option, which I am offering. I just do not have the necessary C++ skills in order to make all Quinto fans happy. (but still trying! )


Quote:
Originally Posted by Victhor View Post
... maybe a better approach (not entirely perfect) could be mixing it with the cPro Reader approach?
I definitely will have a look at those files. Thanks for mentioning.

P.S. This Offline Lyrics window still needs "polishing" so it will not be included in the upcoming release end of the month. (v1.4)
PeterK. is offline   Reply With Quote
Old 13th August 2017, 14:13   #114
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
I am also planning on moving Quinto's own components to its own (new) entry within the OPTIONS ITEMS in the context menu.

This would leave the MAIN ITEMS with just standard elements ...



... and gather all Quinto's components and features within one option line:



Attached Thumbnails
Click image for larger version

Name:	Context Menu 1.png
Views:	379
Size:	115.8 KB
ID:	53472   Click image for larger version

Name:	Context Menu3.png
Views:	381
Size:	501.4 KB
ID:	53474  
PeterK. is offline   Reply With Quote
Old 13th August 2017, 16:02   #115
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,439
Quote:
Originally Posted by PeterK. View Post
..how do you insert text into a tag? I do remember there was a program called EvilTagger many years ago, which I never tried and which you cannot download nowadays anymore.

But even if you manage to save text within a *.mp3 file, I really doubt there is a simple command which would read and display the tag content.
Or is it?


I might have jumped on the gun on this.. I did some research and apparently, the lyric tag is not that common / standard, I have and old version of Tag & Rename which already supports it, but even if it is encoded on the file (like I have on a couple of mp3's) Winamp can't access it. I thought it would be accesible through the SC:TextObjects (http://forums.skinconsortium.com/ind...d&threadID=538) script, but it isn't.

So, end of the line here..



Quote:
Originally Posted by PeterK. View Post
...But the fact that I was not able to save the text and have it available while being offline made me uninstall this feature. I wanted to get rid of that "being-online" dependence.


Yeah, it doesn't make sense for the player to look online everytime a song is played, it should at least save it locally and only perform an online search when needed.

· · TMCT · KOMODO X
Victhor is offline   Reply With Quote
Old 13th August 2017, 16:38   #116
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Thank you for this technical clarification.

It would really suprise me if you presented here some kind of a "magical" lyrics tag, which we could easily save, read and display, because I do remember looking for an offline lyrics plug-in for a long time and not having found anything usable.
PeterK. is offline   Reply With Quote
Old 13th August 2017, 17:49   #117
Aminifu
Forum King
 
Aminifu's Avatar
 
Join Date: Aug 2011
Location: Chicago, IL
Posts: 4,612
Quote:
Originally Posted by PeterK. View Post
I am also planning on moving Quinto's own components to its own (new) entry within the OPTIONS ITEMS in the context menu.

This would leave the MAIN ITEMS with just standard elements ...
This is an excellent idea! I hope all new (and updated) 3rd party skins and plug-ins adopt this idea.

It is more convenient to have all the associated context menu commands/options in one place. It should also help solve the long standing problems caused when 3rd party components attempt to intersperse commands/options between the standard Winamp commands/options on the Winamp context menus. I had to stop using a popular lyrics plug-in (MiniLyrics) along with the other 3rd party plug-ins I depend on, because of this.

I'm not sure, but adding entries to the larger Winamp context menus may cause problems because there appears to be limited room to add additional entries.

While it's not an issue with your skin (that I have seen), I have also been frustrated when 3rd party components use the same keyboard shortcuts used by standard Winamp functions. I realize this requires extra diligence by 3rd party developers because the core Winamp and it's official plug-ins use so many keyboard shortcuts. An option to allow reassignment of shortcuts would solve this problem, but sometimes such an option is not provided.

Winamp Pro 5.666.3516 fully-patched - Komodo X Touchscreen by Victhor skin
Windows 10 Home 64-bit desktop - Logitech Z906 5.1 speaker system
Aminifu is offline   Reply With Quote
Old 18th August 2017, 14:05   #118
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Quote:
Originally Posted by Aminifu View Post
This is an excellent idea!
Happy to hear that!

Quote:
Originally Posted by Aminifu View Post
It is more convenient to have all the associated context menu commands/options in one place.
And you also have influence on the sort order.

Quote:
Originally Posted by Aminifu View Post
I'm not sure, but adding entries to the larger Winamp context menus may cause problems because there appears to be limited room to add additional entries.
I have never tried it but I really doubt there is a limitation in the MAIN ITEMS menu. Imagine you created a new awesome Plug-In and Winamp throws an error message saying "Sorry, I am full!"

Quote:
Originally Posted by Aminifu View Post
...use the same keyboard shortcuts used by standard Winamp functions. An option to allow reassignment of shortcuts would solve this problem, but sometimes such an option is not provided.
And probably will never be, Aminifu. Even If I had the list with all Winamp keyboard shortcuts, I would never know those ones from other Plug-Ins.

The "How to Create an Offline Lyrics File" tutorial is finished and I would like to know whether this step-by-step text is clear and understandable.

01. Go to your desktop and create a new text file
02. Name the file "default_lyrics.txt"
03. Open the text file. Copy and paste the following lines:

<!DOCTYPE html>
<html>
<body style="background-color:#28282E;">
<h3 style="color:#AAAAAA;font-family:monospace;margin:20px">Insert song name in here</h3>
<pre style="color:#AAAAAA;font-family:monospace;margin:20px">
Insert song lyrics in here
</pre>
</body>
</html>

04. Save the file. This will be your default file. Do not delete it!
05. Copy the file and paste it into a music folder of your choice
06. Rename the text file

Example:
Sting - The Last Ship.mp3 => Sting - The Last Ship.txt

08. Find song lyrics on the Internet
09. Open the text file
10. Delete "Insert song name in here" and type the song name
11. Delete "Insert song lyrics in here" and paste the copied lyrics
12. Save the file
13. Change the file extension from .txt to .html

Example:
Sting - The Last Ship.txt => Sting - The Last Ship.html

14. Play the song

If you see the lyrics in the Lyrics window - enjoy!
If you don't, please try again



This text will appear when a song is played with no attached html file. I also added the frame-switch button to the Lyrics window. (NoFrame or StandardFrame).

I totally forgot that we already have a nice ART button on the MainPlayer, which is assigned to the new, floating ALBUM COVER window. Hence I will remove it from the OPTIONS context menu. Another new difficulty arose while testing the ALBUM COVER window. The ART button, which is a toggle button and provides four states: normal, hover, pressed and active cannot be synchronized with the x-close button on the window. At least I would not know how to do it right now.

You can open for example the PLAYLIST EDITOR, close it by hitting the close button and the PL button on the MainPlayer will change its state from active to normal. Automatically. This behavior no longer works in combination with a custom toggle button and a container window. And this is the reason why there will be no x-close button on that particular window. Please use the ART button in order to open and close the ART COVER window.

PeterK. is offline   Reply With Quote
Old 22nd August 2017, 18:13   #119
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
I added text-align:center to the default html file so we will see the text lines in the middle of the Lyrics window which looks a little more lyrics-text-like.

And this is the text file which will appear if there is no attached lyrics file to the music file being played:



This time I had to use a plain text file. And this is why:

1) It is not possible to add a html file to a skin.
2) If I create a normal <layer> and add <text> lines to it, the user will not be able to select and copy the important lines from the tutorial.

Please remember: You can increase/decrease the font size in the Lyrics window by holding the CTRL key and scrolling your mouse wheel up and down.
Attached Thumbnails
Click image for larger version

Name:	NoLyrics.png
Views:	337
Size:	129.2 KB
ID:	53477  
PeterK. is offline   Reply With Quote
Old 25th August 2017, 20:00   #120
PeterK.
Senior Member
 
Join Date: Sep 2016
Posts: 245
Today I have two questions:

1) where is the difference between button.onLeftClick() and button.onLeftClickDown(int x,int y)?

2) does someone know how to use the command guiObject.onMouseOver(int x,int y) properly? I tried to show a <layer> while the mouse pointer was over a button but nothing happened.

By the way: someone likes Quinto.
PeterK. is offline   Reply With Quote
Reply
Go Back   Winamp & SHOUTcast Forums > Skinning and Design > Modern Skins

Tags
color theme, modern skin, peterk, quinto black, victhor

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump