Add volume control

[dennis531]

Add a slider below the video to adjust the volume:

Closes #80

[github-actions]

Hi @dennis531
Thank you for contributing to the Opencast Editor.
We noticed that you have not yet filed an Individual Contributor License Agreement. Doing that (once) helps us to ensure that Opencast stays free for all. If you make your contribution on behalf of an institution, you might also want to file a Corporate Contributor License Agreement (giving you as individual contributor a bit more security as well). It can take a while for this bot to find out about new filings, so if you just filed one or both of the above do not worry about this message!
Please let us know if you have any questions regarding the CLA.

[github-actions]

This pull request is deployed at test.editor.opencast.org/1060/2023-05-22_12-21-47/ .
It might take a few minutes for it to become available.

[Arnei]

Thanks for taking this on.

It irks me that the Play Button is not centered anymore. Have you tried other layouts?

This might be one of the few cases where we can use an icon with no text, instead of only text. The audio control icon is pretty universal.

Dark mode stuff:

Not sure why the handle is transparent here. The blue highlighting glow is also barely visible. Also, this makes for a stylistic inconsistency, as no other element in the ui glows blue when hovered. Thoughts about making this more like the rest of the UI?

The audio level is persisted between different views which I like, but the slider does not reflect that. It will always reset to 100% upon switching views.

[dennis531]

What do you think about this layout?

[github-actions]

This pull request is deployed at test.editor.opencast.org/1060/2023-05-26_08-01-10/ .
It might take a few minutes for it to become available.

[Arnei]

Icons are good. Maybe one would be enough? No hard opinion on that. Could make the left icon clickable for easy mute/unmute, but that's more of an extra and not required for this PR to go through.

Persisting volume between views works.

Visual feedback for hovering/focusing on the slider is now barely visible in light mode and completely illegible in dark mode.

Still not fond of the arrangement of the controls. But I also have no idea how to keep the playbutton centered and order the other controls in an intuitive fashion. Would be nice if some design-inclined person could take a look at this.

[github-actions]

This pull request is deployed at test.editor.opencast.org/1060/2023-06-08_09-32-21/ .
It might take a few minutes for it to become available.

[dennis531]

The volume icon can be used to mute the video.

I hope the visual feedback for hovering on the slider is now more expressive.

I hope that we will receive feedback about the arrangement of the controls.

[github-actions]

This pull request is deployed at test.editor.opencast.org/1060/2023-06-08_13-22-02/ .
It might take a few minutes for it to become available.

[github-actions]

This pull request has conflicts ☹
Please resolve those so we can review the pull request.
Thanks.

[github-actions]

This pull request is deployed at test.editor.opencast.org/1060/2023-07-04_08-41-28/ .
It might take a few minutes for it to become available.

[github-actions]

This pull request has conflicts ☹
Please resolve those so we can review the pull request.
Thanks.

[ziegenberg]

Hi @dennis531, could you rebase your PR?

[dennis531]

A rebase wasn't possible as some files were no longer present. Therefore, I re-implemented the changes based on the diff and adopted the appearance to the new design.

[github-actions]

This pull request is deployed at test.editor.opencast.org/1060/2023-09-27_12-22-31/ .
It might take a few minutes for it to become available.

[Arnei]

Thanks for doing this for the redesign. Personally, I'm happy with how it looks and works. Will wait with merging a couple days so others can check it out too.

[ziegenberg]

The two bars with the different controls are not aligned, which looks odd. This comes from trying to centre the play button. Which now is no longer centred and in trying to do so it would be unaligned the other way.

I propose to just centre the two bars with the controls and not try to centre the play button.

Before:

Now:

Play button centred:

[dennis531]

I also prefer the solution with the centered bars.

Centered Bars:

[github-actions]

This pull request is deployed at test.editor.opencast.org/1060/2023-10-02_05-56-00/ .
It might take a few minutes for it to become available.

[ziegenberg]

Looks good to me!