Ambient Mode(s)

[n-ce]

I was on this home screen :

when I had an idea of using the image as the body background for landscape mode.

Here's how this could be done:

1. Blur the image.
2. Apply a dark or light shade over the image, depending on the theme.
3. Disable the choice of High Contrast Mode when this mode is on, and vice versa.

Why only landscape mode?

Because the thumbnails are in landscape, and using the image for portrait mode is a waste of resources. Mobile users have less resources to spare.

Another kind of ambient mode

This idea has been on my mind for some time. What if instead of using a solid color for the background, we used a gradient? The gradient would be based on the colors of the previous and current playing stream thumbnails.

For a 100-second stream (current), at:

• 0 seconds: P (previous) will be 100% of the gradient, with no place for C (current).
• 1 second: P 99%, C 1%.
• 50 seconds: P 50%, C 50%.
• 100 seconds: P 0%, C 100%.

This would be updated every second to make it feel dynamic. The longer the track, the smoother the transition.

We could also use a keyframe animation with the following values:

from: P 100%, C 0%;
to: P 0%, C 0%;

We could change the colors using CSS variables and make the animation time equal to the duration of C. However, this has some issues, such as what to do if the user pauses the track or there are loading times.

An even smarter ambient mode

We could scan the current track, map each sound to a color, and transition between them.

These ideas are far-fetched and would be resource-consuming, but they sound quite exciting.