this PR adds a basic video player with controls to the app. for now it uses a hardcoded video url for every link. quality is pre-set to 720p for web, the app is not yet configured for mobile but if yes with current changes it would use HLS - on desktop hls is natively supported only on Safari.
tested on web desktop + mobile. the mp4 streaming works and I believe the lib is handling the download so that it doesn't load the whole video, HLS works wonderfully on Safari and Android Chrome, even chooses appropriate quality automatically.
📷 Screenshots (if appropriate)
📦 Types of changes
[ ] Bug fix (non-breaking change which fixes an issue)
[x] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
✅ Checklist (copied from README)
[x] Squash your changes into a single clear and thoroughly descriptive commit, split changes into multiple commits only when it contributes to readability
[x] Reference the GitHub issue that you are contributing on in your commit title or body
[x] Sign your commits, as this is required by the automated GitHub PR checks
[x] Ensure that the changes adhere to the project code style and formatting rules by running npx eslint . and npx prettier --check ../ from the ./OwnTube.tv/ directory (without errors/warnings)
[x] Include links and illustrations in your pull request to make it easy to review
[x] Request a review by @ar9708, @OGTor, @tryklick and @mblomdahl
🚀 Description
See updated changes at https://mykhailodanilenko.github.io/web-client/
this PR adds a basic video player with controls to the app. for now it uses a hardcoded video url for every link. quality is pre-set to 720p for web, the app is not yet configured for mobile but if yes with current changes it would use HLS - on desktop hls is natively supported only on Safari.
📄 Motivation and Context
https://github.com/OwnTube-tv/web-client/issues/8
🧪 How Has This Been Tested?
tested on web desktop + mobile. the mp4 streaming works and I believe the lib is handling the download so that it doesn't load the whole video, HLS works wonderfully on Safari and Android Chrome, even chooses appropriate quality automatically.
📷 Screenshots (if appropriate)
📦 Types of changes
✅ Checklist (copied from README)
npx eslint .andnpx prettier --check ../from the./OwnTube.tv/directory (without errors/warnings)