Skip to content

Conversation

@jmaen
Copy link
Contributor

@jmaen jmaen commented Dec 19, 2023

Add a volume slider to adjust audio volume in addition to the existing key controls. The slider appears when hovering the sound icon, as described in #856

I had some trouble getting the default <input type="range"/> to look consistent accross different browsers, especially with the vertical orientation, so I build a slider component from scratch.

Closes #320

@jmaen jmaen requested a review from aarthificial as a code owner December 19, 2023 16:15
Copy link
Contributor

@aarthificial aarthificial left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!
There are just a few tweaks to the styles necessary

@jmaen
Copy link
Contributor Author

jmaen commented Dec 19, 2023

I adressed your styling improvements and updated the value calculation in the Slider to use clamp instead of the offset. I think that also improves readability and it's not dependent on the thumb size anymore.

@aarthificial aarthificial merged commit 5ac3069 into motion-canvas:main Dec 19, 2023
@aarthificial
Copy link
Contributor

Awesome, thanks for the PR!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add some form of volume control for the audio playback.

2 participants