New video player

[moisout]

Features

• Formats
  • [x] Native html5 video
  • [x] MPEG-DASH
  • [x] HLS
• Compatibility
  • [X] Desktop Browsers
  • [X] Android Browsers
  • [ ] iOS Safari
• Interaction
  • Desktop
  • Keyboard shortcuts
    • [x] Disable keyboard shortcuts when popups are open
    • [x] Spacebar pause/play
    • [x] K pause/play
    • [x] Arrow keys left/right skip forwards/backwards
    • [x] Arrow keys up/down adjust volume
    • [x] M mute
    • [x] J skip backwards
    • [x] L skip forwards
    • [x] F fullscreen
    • [x] 0-9 skip to percentage of video
    • [x] End go to end
    • [x] . if video paused, go to next frame
    • [x] , if video paused, go to previous frame
    • [x] C enable/disable subtitles
    • [ ] Shift+N jump to next video
    • [ ] Shift+P jump to previous video (when in a playlist)
  • Mobile
  • Gestures
    • [x] Double tap to skip forwards/backwards
    • [x] Tap to show/hide UI
    • [ ] Slide to adjust volume
• Chapters
  • [x] Native YouTube chapters
  • [ ] SponsorBlock chapters
• Sponsorblock
  • [x] Skip button
  • [x] Colors on seek bar
  • [ ] Skip to highlight
• [x] Seek bar preview thumbnails
• Use Media Session API
  • [x] Play, pause, skip, etc. in notification of device
  • [x] Play, pause, etc. buttons of device
• [ ] End screen cards
• Subtitles
  • [x] Custom renderer in normal view
  • [ ] Native subtitles if video in popup viewer (Firefox/Chromium)
• In-player settings
  • [x] Video quality selection
  • [x] Audio quality selection
  • [x] Volume control
  • [x] Speed
  • [x] Repeat
  • [x] Audio track selection (language)
  • [x] Captions enable/disable
  • [x] Subtitle language
• Other settings (in ViewTube settings menu)
  • [x] Default quality (applied as best as possible)
  • [ ] How many seconds to skip forwards/backwards
  • [x] SponsorBlock settings
• [x] Full screen
• [x] Support embedding
• [x] Save and restore progress
• Skip buttons
  • [ ] Preview on hover
  • [ ] In playlist: previous and next video
  • [ ] If autoplay next video enabled, skip button for next video (outside of playlist)

[wnhrt]

If possible, mobile gestures for brightness and volume, like Android VLC or NewPipe, would be nice. When in fullscreen mode, they allow adjusting brightness by moving with one finger up and down on the left half of the screen, and volume doing the same on the right half.

Looking forward to the new player, looks very promising!

[moisout]

If possible, mobile gestures for brightness and volume, like Android VLC or NewPipe, would be nice. When in fullscreen mode, they allow adjusting brightness by moving with one finger up and down on the left half of the screen, and volume doing the same on the right half.

Looking forward to the new player, looks very promising!

Volume would be possible, but websites cannot adjust screen brightness unfortunately

Edit: added to the todo list

[patricgruber]

Just tried the code and have to say the new video player looks really good and and works way better for me (the quality selection is actually enforced). Great work so far, keep it up!

[patricgruber]

I have some ideas for the UX. I know it is a work in progress, but I wanted to share my thoughts. For the video and audio quality selection and the subtitle selection a dropdown could be sufficient. Then the popup window wouldn't need to be so big and have multiple collapsible panels, which would make the handling a bit easier. I really like the codecs toggle though!

For the speed settings currently there is a checkbox to change the input type in the same line with the actual speed setting. I think this could be split into two different settings/lines and the Show video speed as a list setting could be moved entirely to the global settings menu, so that the "local" playback settings are relevant for the current video only.

These things don't necessarily need to be implemented and also don't need to be implemented within this one pull request. These small details can be checked again and maybe implemented after the video player is finished.

Since this is a WIP you might have planned this anyway, just wanted to give my two cents. If you need help with some part or just want to offload something to someone else, I'd be happy to help!

Edit: fixed typos

[n-ce]

• [ ] iOS Safari

Is it the duration bug? I'm working on my own project update and I'm having this issue.

[moisout]

• [ ] iOS Safari

Is it the duration bug? I'm working on my own project update and I'm having this issue.

Playback in general is not working. I haven't heard of that bug tho.

[ac1mx]

I really love the new player, and the fact that it will enforce the quality setting, however the default "Auto" quality setting is somewhat annoying. I'd love to see a default quality setting sometime, if you're up for it! Love the project, and thank you for keeping it maintained!