web-stories-wp icon indicating copy to clipboard operation
web-stories-wp copied to clipboard

Video Volume UX Adjustments

Open swissspidy opened this issue 2 years ago • 1 comments

Feature Description

This is a follow-up to #12211 / #12244 to make any UI changes if needed.

Context:

  • This slider just sets the volume="" attribute on the HTML <video> element, which has a range of 0-100 (or 0.0 to 1.0)
  • This only allows reducing the volume, but not increasing it.
  • We do not allow making it volume 0 (which would mean it's muted)
  • To actually mute a video, you need to use the "Remove audio" button which actually removes the audio channel and uploads a new muted version to the media library.

Attached is an idea I had for changing the slider.

Current prototype Suggested idea
  • Tooltip with confusing numbers
  • Slider only goes to 10 because we disallow 0
  • No helper text
  • No tooltip
  • Volume icons
  • Combined helper text

Alternatives Considered

Additional Context

swissspidy avatar Sep 20 '22 08:09 swissspidy

@aaskedall Would love your input on this UX question

swissspidy avatar Sep 20 '22 08:09 swissspidy