VDB play button UI

[romanrm]

Hello,

All three of the NND, YouTube, Vimeo embedded players did accept clicking broadly somewhere in the center of the player screen as the command to start playback. Whereas the new VDB play button is tucked away in the lower-left corner, and clicking the center area just does nothing, have to aim specifically for the small circle. I find this unnecessarily frustrating, would highly prefer a YouTube-like larger play button in the center, or just that any player area click would register as "Play". In fact IIRC despite the various visible buttons or lack thereof, the mentioned embeds all accepted that, maybe with the exception of NND, which still had a large central "Play" option.

Hope you can consider this suggestion, thanks!

[ycanardeau]

I find this unnecessarily frustrating, would highly prefer a YouTube-like larger play button in the center, or just that any player area click would register as "Play".

Currently, the play button clears the current play queue, and there is no way to restore the lost queue. It would be more "frustrating" if the whole area of the player could start video playback. Additionally, these buttons are used not only for songs, but also for albums, and these two need to be consistent with each other.

Can you please draw a picture of how the UI should look like, and make some experiments using the DevTools on your browser? I may consider implementing it (but can't promise) if you can suggest beautiful UIs and proper UI/UX design.

As always, pull requests are welcome.

[romanrm]

I didn't even think to begin to use the play queue, was just browsing some songs and playing them one by one, and it became feeling like an exercise in aiming for the small round button. But actually at first I had to stop and think why the new UI gave a negative impression. It was two things:

1) NND as usual is quite slow to start playing, and before it does, it briefly shows its own player-sized "Play" button, at first giving an impression that you have to click that one as well, for anything to start happening; luckily that was not the case;

2) so it comes to the second part, the frustration of clicking the player area to start playback, as it's usually possible on embed players, and nothing happening, then realizing it's now only via the small round button every time.

I don't think I could do a good drawing of a sketch, but if you really prefer not to make the whole player area clickable, then my next suggestion would be to make the play button: 1) centered in the player area 2) semi-transparent, perhaps at 30-50% opacity 3) large (such as 70-80% of the player window height) 4) maybe not round, but rectangular, like on NND/YouTube?

Thanks