about summary refs log tree commit diff
path: root/app/javascript/mastodon/features/video/index.js
AgeCommit message (Collapse)Author
2020-11-15Add hotkeys for audio/video control (#15158)Eugen Rochko
Fix #14515
2020-10-30Fix wrong seek bar width on media player (#15060)fuyu
2020-10-27Make click area of video/audio player buttons bigger in WebUI (#15049)Mélanie Chauvel
2020-09-28Add pop-out player for audio/video in web UI (#14870)Eugen Rochko
Fix #11160
2020-07-15Fix error when closing a playing audio or video modal (#14310)ThibG
2020-07-09Replace repetitive blurhash code with component (#14267)Sasha Sorokin
This commit replaces all unnecessarily repeated code for decoding and embedding blurhash canvases with separate component - <Blurhash>. Under the hood Blurhash component will use effect dependent on its props. This gives a few benefits: it will only be re-rendered whenever the hash or width/height/dummy props update, and will not render if canvas won't get to the final DOM, because then effect won't fire, which prevents weird bugs like #14257.
2020-06-25Fix various issues around OpenGraph representation of media (#14133)Eugen Rochko
- Fix audio attachments not being represented in OpenGraph tags - Fix audio being represented as "1 image" in OpenGraph descriptions - Fix video metadata being overwritten by paperclip-av-transcoder - Fix embedded player not using Mastodon's UI - Fix audio/video progress bars not moving smoothly - Fix audio/video buffered bars not displaying correctly
2020-06-24Fix audio/video/images/cards not reacting to window resizes in web UI (#14130)Eugen Rochko
* Fix audio/video/images/cards not reacting to window resizes in web UI * Update app/javascript/mastodon/features/audio/index.js Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh> Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh>
2020-06-23Change volume control and download buttons in web UI (#14122)Eugen Rochko
* Fix audio download button not starting download in web UI * Fix volume controls on audio and video players in web UI * Remove download button from video player in web UI
2020-04-25Fix expanded video player issues (#13541)ThibG
Fixes #13536 - Expanding a paused video doesn't autoplay anymore - Default volume level for the expanded video inherited from the original video Position/playing state/volume are carried over from the original video player to the modal, but they're not reported back to the modal as it would require deeper changes.
2020-03-05Add tooltips to audio/video player buttons (#13203)Eugen Rochko
2020-02-03Don't display toggle reveal button in video modal when full screen (#13026)fuyu
2020-01-11Change audio/video playback to stop playback when out of view (#12486)Eugen Rochko
Change video player to not loop, since the audio player doesn't Change playback and mute buttons to feel snappier
2019-11-29Add hotkey for opening media files (#12498)ThibG
* [WiP] Add hotkey to open media * Give focus to play/pause button when opening video modal
2019-10-25Add download button to audio and video players (#12179)Nima Boscarino
* Add download button for audio player * Add download button for video player * fix padding for download button in Audio component
2019-10-24Fix volume slider in chromium 🤷 (#12158)ThibG
Fixes #12156
2019-08-23Add audio player (#11644)Eugen Rochko
2019-08-14Add media editing modal (#11563)Eugen Rochko
Move media description input to a modal and unite that modal with the focal point modal. Add a hint about choosing focal points, as well as a preview of a 16:9 thumbnail. Enable the user to watch the video next to the media description input. Fix #8320 Fix #6713
2019-06-26Add option to disable blurhash previews (#11188)ThibG
* Add option to disable blurhash previews * Update option text * Change options order
2019-05-25Add a keyboard shortcut to hide/show media (#10647)ThibG
* Move control of media visibility to parent component * Add keyboard shortcut to toggle media visibility
2019-05-03Add button to view context to media modal (#10676)Eugen Rochko
* Add "view context" button to media modal when opened from gallery * Add "view context" button to video modal Allow closing the video modal by navigating back in the browser, just like the media modal
2019-05-03Make the "mark media as sensitive" button more obvious in web UI (#10673)Eugen Rochko
* Make the "mark media as sensitive" button more obvious in web UI * Use eye-slash icon instead of eye icon to mean "hide"
2019-04-27Add blurhash (#10630)Eugen Rochko
* Add blurhash * Use fallback color for spoiler when blurhash missing * Federate the blurhash and accept it as long as it's at most 5x5 * Display unknown media attachments as blurhash placeholders * Improve style of embed actions and spoiler button * Change blurhash resolution from 3x3 to 4x4 * Improve dependency definitions * Fix code style issues
2019-02-18Fix video player width not being updated to fit container width (#10069)ThibG
2019-02-11Fix timeline jumps (#10001)ThibG
* Avoid two-step rendering of statuses as much as possible Cache width shared by Video player, MediaGallery and Cards at the ScrollableList level, pass it down through StatusList and Notifications. * Adjust scroll when new preview cards appear * Adjust scroll when statuses above the current scroll position are deleted
2019-02-01Refactor icons in web UI to use Icon component (#9951)Eugen Rochko
* Refactor uses of icons to an Icon component in web UI * Refactor options passed to the Icon component * Make tests work with absolute component paths
2019-01-27Fix initial value of volume slider in video player and handle volume changes ↵ThibG
(#9929) * Fix initial value of volume slider in video player and handle volume changes * Clean up dead/incorrect code
2018-11-27Volume sliders for videos #7429 (#9366)Sumit Khanna
* Volume sliders for videos #7429 * Code formatting updates * Code formatting updates
2018-09-28Revert Font Awesome 5 upgrade (#8810)Eugen Rochko
* Revert "Fix some icon names changed by the Font Awesome 5. (#8796)" This reverts commit 3f9ec3de82c1a3879a2b092672f51c1caca76f5c. * Revert "Migrate to font-awesome 5.0. (#8799)" This reverts commit 8bae14591bfb4fc9dd9d89d8082ac0123b03edaa. * Revert "Fix some icons names, unavailable in fontawesome5 (free license). (#8792)" This reverts commit b9c727a945fea5afffb3e3a53279164adfc6e88f. * Revert "Update the icon name changed by the Font Awesome 5. (#8776)" This reverts commit 17af4d27da484fc35ecd4b4dce2443d24aa35d23. * Revert "Add bot icon to bot avatars and migrate to newer version of Font Awesome (#8484)" This reverts commit 4b794e134d427dbc716606324adb9a885a74abec.
2018-09-27Fix some icon names changed by the Font Awesome 5. (#8796)mayaeh
2018-09-27Migrate to font-awesome 5.0. (#8799)Naoki Kosaka
2018-09-25Add a new preference to always hide all media (#8569)ふぁぼ原
2018-09-14Upgrade Babel to version 7.0.0 (#5925)Yamagishi Kazutoshi
2018-09-13Fix media description in various media modals (#8678)ThibG
2018-08-24Add missing video descriptions (#8416)M Somerville
* Pass through video description as necessary. * Add title to video, matching aria-label.
2018-08-14Various fixes regarding the video position slider (#8201)ThibG
* Prevent default event handling when clicking on the video position slider This prevents accidental text selection when clicking on the position slider. * Fix bug when clicking on video position slider before starting the video * Slightly more aggressive video preloading - Preload video metadata if the video is loaded in detailed view, as it is likely to get played, and metadata is useful for seeking in the video. - Preload video data if it's fullscreen as it is extremely likely to get played right after being put in fullscreen (although those are two steps). - Preload video data if the user has clicked the position slider, as the video will play as soon as the mouse button is released, and video metadata is needed to properly seek into the video.
2018-05-13Open video modal on public UI (#7469)Yamagishi Kazutoshi
2018-03-02Responsively enforce 16:9 ratio on all media thumbnails in web UI (#6590)Eugen Rochko
* Responsively enforce 16:9 ratio on all media thumbnails in web UI Also change video player behaviour to "contain" rather than "cover" videos that don't fit the ratio, unlike images and GIFs, it's expected that a video is shown fully. * Fix spacing issues and remove floor * Remove floor
2018-02-22Focal points (#6520)Eugen Rochko
* Add focus param to media API, center thumbnails on focus point * Add UI for setting a focal point * Improve focal point icon on upload item * Use focal point in upload preview * Add focalPoint property to ActivityPub * Don't show focal point button for non-image attachments
2018-02-15Fix media button type (#6478)abcang
2018-02-09Add preference to always display sensitive media (#6448)Eugen Rochko
2017-12-09Polish video player CSS, add timer on fullscreen/modal/public pages (#5928)Eugen Rochko
2017-10-10Fix an error when video playback buffer is empty (#5300)unarist
2017-10-08Video preload should be a string (#5267)Nolan Lawson
2017-10-08Show buffering in video player (#5261)Eugen Rochko
2017-10-02Toggle contain:strict on fullscreen (#5159)Nolan Lawson
* Toggle contain:strict on fullscreen * Fix scss lint issue * fix scss whitespace lint issue
2017-09-28Add ability to specify alternative text for media attachments (#5123)Eugen Rochko
* Fix #117 - Add ability to specify alternative text for media attachments - POST /api/v1/media accepts `description` straight away - PUT /api/v1/media/:id to update `description` (only for unattached ones) - Serialized as `name` of Document object in ActivityPub - Uploads form adjusted for better performance and description input * Add tests * Change undo button blend mode to difference
2017-09-14Redesign video player (#4911)Eugen Rochko
* Redesign video player * Use new video player on static public pages too * Use media gallery component on static public pages too * Pause video when hiding it * Full-screen sizing on WebKit * Add aria labels to video player buttons * Display link card on public status page * Fix fullscreen from modal sizing issue * Remove contain: strict property to fix fullscreen from columns