Add playback rate support for media player #477
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Related issue: #185
This PR introduces a prop to the
MediaPlayer
component calledenablePlaybackRate
which addsPlaybackRateMenuButton
to the player's control bar. This provides the ability to adjust the playback speed of the media.The provided speeds are: 0.5x, 0.75x, 1x, 1.5x, and 2x.
The playback speed icon is a menu-button which clicked to adjust the playback speed (goes from 1x -> 1.5x -> 2x -> 0.5x -> 0.75x) or select the desired playback speed from the menu when hovered over using a mouse pointer.
When enabled the icon shows the selected playback speed in the icon: