Commit Graph

383 Commits (master)

Author SHA1 Message Date
saltycrys 75c6844b66 Improve storyboards
Instead of limiting the width of storyboards through CSS it is now done in the
VTT directly.
4 years ago
saltycrys eed78c960d Improve DASH quality preference
Besides `auto`, `best` and `worst` it is now possible to select a target height.
If the target height is not available the closest lower height is selected.
4 years ago
saltycrys eea7ca9b72 Add DASH quality preference
The options are `auto` (the current and default behavior), `best` and `worst`.

The UI is only updated once playback starts.
4 years ago
saltycrys fc67dd18d0 Increase color contrast of light theme links 4 years ago
saltycrys b3e9b92344 Fix pure-button hover color on a-tags 4 years ago
TheFrenchGhosty 5e8856e65b
Merge pull request #1551 from saltycrys/add-embed-link
Add embed link to watch page
4 years ago
Andrew Zhao 0cb442d40e do not proxy hls on supported browser 4 years ago
saltycrys 680dc1f962 Shuffle URL params
The `list` and `index` params are the most important and come first now.
4 years ago
TheFrenchGhosty fe73eccb90
Merge pull request #1479 from saltycrys/theme-flash
Apply dark theme immediately
4 years ago
saltycrys 5f932e9749 Fix CSS specificity issues 4 years ago
saltycrys ff46c18164 Move themes into default.css
Now that themes are controlled with a class instead of setting
media="none" on the stylesheet link and both themes already being
duplicated in default.css for the automatic themeing it makes sense
to have all theme related CSS in the same place.

This commit also fixes the missing dark theme on embeds.
4 years ago
saltycrys de777907f2 Apply dark theme immediately
Themes are now controlled with a class on the body element.

If a preference is set the body element will have either "dark-theme"
or "light-theme" class. If no preference is set or the preference is
empty the class will be "no-theme".

"dark-theme" and "light-theme" are handled by darktheme.css and
lighttheme.css respectively.

"no-theme" is handled by default.css where depending on the value of
"prefers-color-scheme" the styles corresponding to "dark-theme" or
"light-theme" are applied.

Unfortunately this means that both themes are duplicated, once in the
theme .css and once in default.css.
4 years ago
saltycrys 0530045536
Remove double empty line 4 years ago
saltycrys d3e4739745 Improve storyboard display 4 years ago
saltycrys 3379f3ef61 Update videojs-vtt-thumbnails to latest upstream version
Note that the latest version on NPM is over two years old so this was built from source.
4 years ago
Matthew McGarvey 5937e0289e Fix feed menu overlap at ipad screen widths 4 years ago
TheFrenchGhosty 3ab3a5a236
Merge pull request #713 from leonklingele/keydown-mediakeys-detection
js: add support to detect media keys in keydown handler
4 years ago
Omar Roth 3f97bebd69
Support adding video to playlist from watch page 5 years ago
Omar Roth 0e58d99f4e Fix player mouseover events 5 years ago
Omar Roth bd7950b757
Add toggle_parent to dynamic handlers 5 years ago
leonklingele 70cbe91776
Migrate to a good Content Security Policy (#1023)
So attacks such as XSS (see [0]) will no longer be of an issue.

[0]: https://github.com/omarroth/invidious/issues/1022
5 years ago
Kyle Copperfield a3045a3953
Use a MediaQueryListener to toggle on demand. Tested on OSX. (#925)
Closes #867.
5 years ago
Leon Klingele e3593fe197
js: add support to detect media keys in keydown handler
See [0] for all the relevant codes.

[0]: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values#Multimedia_keys

Fixes a regression introduced in e6b4e12689.
Fixes https://github.com/omarroth/invidious/issues/712.
5 years ago
Jorge Maldonado Ventura dd9f1024f4 Remove invalid HTML from embed player 5 years ago
Omar Roth 72bfdfd925
Merge pull request #975 from jorgesumle/embed
Change embed code
5 years ago
Omar Roth 0560d2cfb7
Bump video.js 5 years ago
Jorge Maldonado Ventura 58c1a68ad9 Change embed code 5 years ago
Omar Roth 23ccaea2ff
Fix comment event listener 5 years ago
Omar Roth be055d9dcb
Add support for custom playlists 5 years ago
Omar Roth 330ffb803f
Remove invalid source map directive for videojs-quality-selector 5 years ago
Omar Roth e03b4b7505
Hide scrollbar for player menus 5 years ago
Omar Roth e61c8046f4
Fix z-index, scrollbar in player 5 years ago
agony affeeb39de Fixed bug that made the whole 'Invidious' div clickable. Solves #691 5 years ago
Omar Roth 553d52a45e
Update silvermine quality selector 5 years ago
Omar Roth be2ee33273
Fix overflow for player controls 5 years ago
Omar Roth 9766322e99
Update videojs-quality-selector 5 years ago
Omar Roth 7d3ecd2297
Bump JS/CSS dependencies 5 years ago
leonklingele acaf7b969a js: add support to detect alt, meta and control key in keydown handler (#704)
This fixes a quite severe user experience issue where pressing the
'alt', 'meta' and/or 'ctrl' key along with one of the supported keys
(e.g. 'f' to enter video fullscreen mode) would overwrite the default
browser behavior. In the case of 'f+meta' we would enter fullscreen
mode, and not open the browser search panel as one might expect.

This change is required to stay consistent with the way YouTube
handles keydown events.
5 years ago
Omar Roth 2b94975345
Fix playlist_thumbnail extractor 5 years ago
leonklingele e6b4e12689 js: add support for keydown events (#678)
* js: add support for keydown events

This will modify the player behavior even if the player element is unfocused.

Based on the YouTube key bindings, allow to

- toggle playback with space and 'k' key
- increase and decrease player volume with up / down arrow key
- mute and unmute player with 'm' key
- jump forwards and backwards by 5 seconds with right / left arrow key
- jump forwards and backwards by 10 seconds with 'l' / 'j'  key
- set video progress with number keys 0–9
- toggle captions with 'c' key
- toggle fullscreen mode with 'f' key
- play next video with 'N' key
- increase and decrease playback speed with '>' / '<' key

* js: remove unused dependency 'videojs.hotkeys.min.js'

Support for controlling the player volume by scrolling over it is
still retained by copying over the relevant code part from the
aforementioned library.
5 years ago
Dragnucs 7eaac995bd Change font family to better native selection (#679) 5 years ago
psvenk f54fbd057e Add prefers-color-scheme support (#601)
* Add prefers-color-scheme support

This should fix <https://github.com/omarroth/invidious/issues/559>.
The cookie storage format has been changed from boolean
("true"/"false") to tri-state ("dark"/"light"/""), so that users
without a cookie set will get dark mode if they have enabled the dark
theme in their operating system. The code for handling the cookie
state, along with the user's operating system theme, has been factored
out into a new function `update_mode`, which is called both at window
load and at the "storage" event listener, because the "storage" event
listener is only trigerred when a change is made to the localStorage
from another tab/window (for more info - see
<https://stackoverflow.com/a/4679754>).
5 years ago
Omar Roth f6f176afc1
Merge pull request #680 from leonklingele/add-player-styles
Add support for player styles
5 years ago
Omar Roth 3de37a61c5
Update videojs-http-source-selector 5 years ago
Leon Klingele 46577fb128
Add support for player styles
This currently includes the following styles:

- Invidious, the default
- YouTube, using a centered play button and always visible video control bar

Implements https://github.com/omarroth/invidious/issues/670.
Supersedes https://github.com/omarroth/invidious/pull/661.
5 years ago
Leon Klingele fe2cffb25b
Fix jumpy page on search field focus 5 years ago
Omar Roth d034fecc89
Remove default arguments from function definitions 6 years ago
Omar Roth e8a56e0fea
Add '1.75' playback speed 6 years ago
Omar Roth bcd239ac2b
Add community page 6 years ago
Omar Roth aac240fe41
Resize comment thumbnails 6 years ago
Omar Roth 8fad0af935
Add caption styling 6 years ago
Omar Roth a3cc3c57fd
Add cursor: none to player 6 years ago
Omar Roth 0d0d3edeae
Add thumbnail and banners to channel page 6 years ago
Omar Roth cc6d6ddd66
Prevent firing _onStreamProgress after aborting 6 years ago
Omar Roth bbb40aef51
Fix event listener for notifications.js 6 years ago
Omar Roth 485a3e29e7
Optimize get_subscriptions AJAX 6 years ago
Omar Roth 1477f99c2c
Add target="_blank" to embed titles 6 years ago
Omar Roth 2e1f9d5fa9
Fix title URL for embedded videos 6 years ago
Omar Roth 9dea251862
Fix typo in notifications.js 6 years ago
Omar Roth 17edfd6573
Shorten timeout for AJAX 6 years ago
Omar Roth 485459b8b2
Add clickable title for embedded videos 6 years ago
Omar Roth 552f616305
Fix retry on timeout for AJAX requests 6 years ago
Omar Roth 9122f8acee
Add title overlay to embedded videos 6 years ago
Omar Roth ef8c9f093c
Add premiere date to watch page 6 years ago
Omar Roth 8c944815bc
Minor refactor 6 years ago
Omar Roth 8521f04087
Use short URL for sharing videos 6 years ago
Omar Roth e23bab0103
Only add notification event listener after onload 6 years ago
Omar Roth 0338fd42e1
Add support for Web notifications 6 years ago
Omar Roth efd54b7523
Add 'comments' as URL parameter 6 years ago
Omar Roth d68baf08cb
Shrink h1 on mobile 6 years ago
Omar Roth a7578aa709
Update videojs-vtt-thumbnails version 6 years ago
Omar Roth de77c71042
Add "local" to "next video" URLs 6 years ago
Omar Roth 4345b1d930
Reset playbackRate once player has caught up to source 6 years ago
Omar Roth 7d2e1f63b5
Refactor watched_widget.js 6 years ago
Omar Roth e833ccf309
Fix comments for age-restricted videos 6 years ago
Omar Roth bb15dc57a4
Fix font color for captions button 6 years ago
Omar Roth bfa488f77d
Add option to toggle theme without reload 6 years ago
Omar Roth 03be793930
Fix typo in player.js 6 years ago
Omar Roth 37d88d5ff7
Remove referer from XHR 6 years ago
Omar Roth 058711d3a8
Refactor player.js 6 years ago
Omar Roth 2ddc61fa5c
Refactor embed.js 6 years ago
Omar Roth 2faa2ed1f4
Refactor watch.js 6 years ago
Omar Roth 5bda36fb28
Remove source map URL from videojs.hotkeys.min.js 6 years ago
Omar Roth 0099a9822e
Refactor subscribe_widget 6 years ago
Omar Roth 716705aa15
Add mouse hover for video previews 6 years ago
Omar Roth 3f738cf905
Tweak styling for thumbnail video length 6 years ago
Omar Roth 6d92775ab5
Add video previews 6 years ago
Omar Roth 1a9360ca75
Minor formatting changes 6 years ago
Omar Roth 6fb44083ec
Update source and licenses 6 years ago
glmdgrielson e48a000784 Add annotation player
This addresses issue #110 from master. Yay for adding annotations back!
6 years ago
Omar Roth 075adb4f03 Add http-source-selector 6 years ago
Omar Roth f6d8df1e83 Update videojs-share 6 years ago
Omar Roth d20a4a8bfc Fix grid size for smaller devices 6 years ago
Omar Roth e8c5246645 Fix share button 6 years ago
Omar Roth 6fd24ad54f Add cancel button to search bar 6 years ago
Omar Roth ce4b07d7d7 Fix thumbnail for deleted videos 6 years ago
Omar Roth 56b0952cd1 Update sources 6 years ago
Omar Roth 1c152f6cad Add padding to thumbnails 6 years ago
Omar Roth d5c6d74f14 Fix loading icon size 6 years ago
Omar Roth 7a54b1d36a Fix player size with JS disabled 6 years ago
Omar Roth 956dc382ea Clean up player CSS 6 years ago
Omar Roth cf3f0fcc39 Add max-aspect-ratio to player 6 years ago
Omar Roth 19c32bf993 Calculate player height based on viewport 6 years ago
Omar Roth 79c1040796 Remove sourceMap link for JS source 6 years ago
Omar Roth eaf55bf12c Fix styling for watch indicator 6 years ago
Omar Roth 1d6c763e92
Merge pull request #397 from dimqua/patch-1
(preferences) fix word wrap
6 years ago
Omar Roth 7557ffcda1 Mark deleted channels in /subscription_manager 6 years ago
dimqua f16273772e
(preferences) fix word wrap 6 years ago
Omar Roth a03958d937 Add -webkit-appearance to default.css 6 years ago
Omar Roth 1692f7640c Remove JS from download widget 6 years ago
Omar Roth a283c3143d Adjust size of player 6 years ago
Omar Roth 57635c0d24 Add scroll to control bar when it's possible to overflow 6 years ago
Omar Roth 7ed4485717 Format CSS 6 years ago
Omar Roth 394952a86a Revert "Fix control bar overflow on mobile"
This reverts commit e25249ce4d.
6 years ago
Omar Roth e25249ce4d Fix control bar overflow on mobile 6 years ago
Agustin Ferrari b04a2d4f61 Just a couple of adjustments (#350)
* Added icons tooltips in local/en-US.json, corrected link tooltip to switch to video mode and changed heart symbol by icon in comments
6 years ago
Omar Roth f8467fcda6 Fix locale text for "Show replies" 6 years ago
Agustin Ferrari ceaddbc821 Minor fixes in CSS colors 6 years ago
Agustin Ferrari b0ba670c91 Comments now show if they were edited and if they received a heart from the uploader (plus additional classes in default.css). The isEdited attribute was also added in the comments API and new strings in en-US.json 6 years ago
Agustin Ferrari e9ea365f2f Add additional parameters in the API comments, highlight the user name in the uploader comments and I finished permalink of the comments. 6 years ago
Agustin Ferrari 55118a6768 Change color to the links and add a couple of improvements in the comments 6 years ago
Omar Roth c0fdc28a84 Fix colors and data-url in download widget 6 years ago
Omar Roth 1a9057a175 Add fix to download widget for titles with unescaped characters 6 years ago
Omar Roth 08e8d0f56f Fix typo in default.css 6 years ago
Omar Roth fb535ad6bb Add download widget 6 years ago
Omar Roth 827e68acf5 Resize player to better fit larger screens 6 years ago
Omar Roth 2ea580e18e Format default.css 6 years ago
Omar Roth 60c6778344 Make 'watched' icon smaller 6 years ago
Omar Roth 6b12f11e10 Add ability to mark videos as watched in subscription feed 6 years ago
Omar Roth 9aeb9ec00f Merge branch 'pr/229' 6 years ago
WAZAAAAA 0f58f872ac image size losslessly reduced with FileOptimizer 6 years ago
Omar Roth dcddb6fb83 Update license information 6 years ago
Omar Roth 7f868ecdf9 Add unminimized sources and license information 6 years ago
Omar Roth 0c8a1d46bd Fix whitespace in dnt-policy.txt 6 years ago
Omar Roth 31a9abc03a Add favicon 6 years ago
Omar Roth 6c19f0f242 Revert "Update robots.txt"
This reverts commit b26b6b9bdf.
6 years ago
Omar Roth b26b6b9bdf Update robots.txt 6 years ago
Omar Roth ad57247a5f Fix location of dnt-policy.txt 6 years ago
Omar Roth 9194f47ee4 Add DNT policy 6 years ago
Omar Roth 4875aa1d7e Add partial support for video duration in thumbnails 6 years ago
Omar Roth 3ee7201f5d Comma seperate comment scores 6 years ago
Omar Roth 3c634d9f66 Update styling for subscribe buttons 6 years ago
Omar Roth 57d88ffcc8 Fix fallback for comments 6 years ago
Omar Roth 1a39faee75 Add subCountText and add XHR alternative for subscribing to channels 6 years ago
Omar Roth 88430a6fc0 Add playlist playback support 6 years ago
Omar Roth f7125c1204 Move watch page JS into seperate file 6 years ago
Omar Roth b3ca3922a9 Add experimental dash support 6 years ago
Omar Roth b6adeb80e6 Fix player margin 6 years ago
Omar Roth c74cc1123f Maintain aspect ratio even when JS is disabled 6 years ago
Omar Roth 6753294ee1 Fix poster resize 6 years ago
Omar Roth f9881ebaab Update videojs-share.css 6 years ago
Omar Roth 429a4b2dec Proxy thumbnails 6 years ago
Omar Roth c1f17f2f82 Show quality selector even if only one source 6 years ago
Omar Roth bd820b9b48 Update videojs-share.js 6 years ago
Omar Roth 3ec684ae71 Host assets locally 6 years ago
dimqua eda5beaed5 Change the color of progressBar marker 6 years ago
Omar Roth 9cd193f108 Remove padding from time divider 6 years ago
dimqua 9c7c5cafd4
Make load-progress color solid 6 years ago
dimqua 2177aff370
Make play-progress color solid 6 years ago
Omar Roth 06af43c95e Add timeDisplay to player 6 years ago
dimqua eaded6cbda minor color scheme changes 6 years ago
Omar Roth 5ddf7889fe Add color scheme for player 6 years ago
Omar Roth b49456da97 Switch from using fontawesome to ionicons 6 years ago
Fredrik August Madsen-Malmo 24538b7296 Clean up navigation bar code
And update README so that arch users don't have to update their entire
system to install the required packages.
7 years ago
Omar Roth c7a46cd3d5 Split Reddit comments into separate request 7 years ago
Omar Roth 96c520b02b Add user preferences 7 years ago
Omar Roth 7d3ecf7567 Put word-wrap in default.css 7 years ago
Omar Roth 2aca7f7c19 Use darker color for links 7 years ago
Omar Roth 4bf0e538e4 Add dark theme 7 years ago
Omar Roth 252f1c0af3 Remove sources for quality selector 7 years ago
Omar Roth 5df7c43e5d Ignore login in robots.txt 7 years ago
Omar Roth e37e9a0b8e Add qualityselector 7 years ago
Omar Roth 9480c6f806 Use horizontal padding 7 years ago
Omar Roth 052fa400a2 Add padding for watch page 7 years ago
Omar Roth 8a3056d0e3 Make link styling default for anchor tags 7 years ago
Omar Roth 567856363b Remove assets from repo 7 years ago
Omar Roth d88b60979b Add robots.txt 7 years ago
Omar Roth 9e4d0bd3a5 Add video,js, Genesis 3:6 7 years ago
Omar Roth 38cff5a752 Freshen up for the big dance 7 years ago
Omar Roth c4c1b43e5c Add thumbnail to search 7 years ago
Omar Roth 15cc2ff622 Remove jquery 7 years ago
Omar Roth 127e140130 Add fontawesome 7 years ago
Omar Roth 26959020b7 Initial commit 7 years ago