Commit Graph

20 Commits

Author SHA1 Message Date
Gabe Kangas
46d0be3e6d fix(web): fix incorrect image 2024-03-06 21:55:49 -08:00
Gabe Kangas
5ce78fbad4 New offline embed (#3599)
* WIP

* feat(web): add new offline embed view. First step of #2917

* feat(web): support remote fediverse follow flow from embed

* feat(chore): add back offline video embed browser test
2024-02-25 12:52:32 -08:00
Gabe Kangas
82d0b9c121 fix(web): make video embed player fit entire window. Closes #3587 2024-02-21 20:41:25 -08:00
Patrick Bollinger
9a7925444f Fix embedded status bar being cut off (#3352)
* Fix embedded status bar being cut off

This should resolve https://github.com/owncast/owncast/issues/3210.

As recommended in the discussion, flexbox was the way to solve this issue.
The main thing that needed to be addressed though was not applying too many constraints on the OwncastPlayer component just because it was embedded.
By removing the embedded constraints, styling appears to be working as expected.
I'll attach screenshots to the pull request.

* Fix eslint error
2023-10-21 21:46:10 -07:00
Gabe Kangas
243156b307 chore: address linter warnings 2023-08-02 13:46:00 -07:00
Gabe Kangas
ccb9b5d075 chore: run stylelint on our css files 2023-06-20 20:58:00 -07:00
Gabe Kangas
7261b1d49f fix(embed): allow flexible player sizes for embeds. Closes #2984 2023-05-04 11:29:48 -07:00
Gabe Kangas
1dc71004c9 fix(embed): set background color of video embed 2023-04-27 10:26:12 -07:00
Gabe Kangas
bb9cc28596 fix(embed): change text color of offline banner. Closes #2953 2023-04-26 09:40:17 -07:00
Gabe Kangas
7ec7e1704c Add bool option to player to fill container for embeds. Closes #2884 2023-04-05 20:05:22 -07:00
Gabe Kangas
ae660ed216 Add video embed loading state 2023-01-31 23:29:02 -08:00
Gabe Kangas
24f6bb1ea5 Add aria-title attribute to video player. For #1826 2023-01-23 19:28:32 -08:00
Michael David Kuckuk
2f2300db8d Add initiallyMuted query parameter to embed player (#2539)
* Add query param to initially mute embed player

* Add stories for embed player

* Improve VideoJS typing
2022-12-31 16:08:54 -08:00
Gabe Kangas
6c2e25e597 Update the offline banner. Filed #2179 to discuss text 2022-10-08 15:05:52 -07:00
Gabe Kangas
8d02f4068d Polish up the initial loading experience 2022-09-10 18:08:56 -07:00
James Young
d1f3fffe2f reafctor: normalize component formatting (#2082)
* refactor: move/rename BanUserButton file

* refactor: move/rename Chart file

* refactor: update generic component filenames to PascalCase

* refactor: update config component filenames to PascalCase

* refactor: update AdminLayout component filename to PascalCase

* refactor: update/move VideoJS component

* chore(eslint): disable bad react/require-default-props rule

* refactor: normalize ActionButton component

* refactor: normalize ActionButtonRow component

* refactor: normalize FollowButton component

* refactor: normalize NotifyButton component

* refactor: normalize ChatActionMessage component

* refactor: normalize ChatContainer component

* refactor: normalize ChatJoinMessage component

* refactor: normalize ChatModerationActionMenu component

* refactor: normalize ChatModerationDetailsModal component

* refactor: normalize ChatModeratorNotification component

* refactor: normalize ChatSocialMessage component

* refactor: normalize ChatSystemMessage component

* refactor: normalize ChatTextField component

* refactor: normalize ChatUserBadge component

* refactor: normalize ChatUserMessage component

* refactor: normalize ContentHeader component

* refactor: normalize OwncastLogo component

* refactor: normalize UserDropdown component

* chore(eslint): modify react/function-component-definition rule

* refactor: normalize CodecSelector component

* refactor: update a bunch of functional components using eslint

* refactor: update a bunch of functional components using eslint, pt2

* refactor: update a bunch of functional components using eslint, pt3

* refactor: replace all component->component default imports with named imports

* refactor: replace all component-stories->component default imports with named imports

* refactor: remove default exports from most components

* chore(eslint): add eslint config files for the components and pages dirs

* fix: use-before-define error in ChatContainer

* Fix ChatContainer import

* Only process .tsx files in Next builds

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-09-07 00:00:28 -07:00
James Young
5ebbbb8bf2 refactor(stories): co-locate stories with components (#2078)
* refactor: move ActionButton component

* refactor: move BanUserButton component

* refactor: move ChatActionMessage component

* refactor: move ChatContainer component

* refactor: move AuthModal component

* refactor: move BrowserNotifyModal component

* refactor: move ChatUserMessage component

* refactor: move ChatJoinMessage component

* refactor: move ChatTextField component

* refactor: move ChatUserBadge component

* refactor: move FollowerCollection and SingleFollower components

* fix: bad import path

* refactor: move FollowModal component

* refactor: move Modal component

* refactor: move ContentHeader component

* refactor: move ChatSystemMessage component

* refactor: move Header component

* refactor: move Footer component

* refactor: move StatusBar component

* refactor: move OfflineBanner component

* refactor: move OwncastPlayer component

* refactor: move IndieAuthModal component

* refactor: move SocialLinks component

* refactor: move VideoPoster component

* refactor: move FollowModal component

* refactor: move FediAuthModal.tsx component

* refactor: move UserDropdown component

* refactor: move ChatSocialMessage component

* refactor: move Logo component

* refactor: move NotifyReminderPopup component

* refactor: move NameChangeModal component

* refactor: move FatalErrorStateModal component

* refactor: move ChatModeratorNotification component

* refactor: move ChatModerationActionMenu and ChatModerationDetailsModal components

* refactor: move CustomPageContent component

* refactor: move storybook Introduction file

* refactor: update storybook story import path

* refactor: move storybook preview styles

* refactor: move storybook doc pages

* refactor: move Color and ImageAsset components

* fix: bad import path

* fix: bad import path in story file
2022-09-03 11:38:52 -07:00
Gabe Kangas
f041727f07 Add first pass for offline banner component 2022-05-25 22:52:27 -07:00
Gabe Kangas
7b1667bf6a Refactor app state to be a state machine with access selectors 2022-05-25 21:47:09 -07:00
Gabe Kangas
8d7a5d6d6e Add placeholder embed pages 2022-05-16 22:55:22 -07:00