47 Commits

Author SHA1 Message Date
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
9ed14ca73f Refactor player button to fix Safari issues. Closes #2440 2022-12-15 21:28:09 -08:00
4eb25e3509 Remove log message 2022-11-20 13:27:42 -08:00
d0cc0d8e56 Play around with sizing and placement of player. For #2204 and #2303 2022-11-19 13:35:37 -08:00
62c556aa2a Add video playlist cachebuster. Closes #2349 2022-11-17 22:10:53 -08:00
9ca012cc8b Fix settings items not being returned 2022-11-12 23:42:33 -08:00
ac32e691a0 Fix some playery errors and layout issues 2022-11-12 23:36:00 -08:00
d81b6803d2 Settings items text color 2022-11-12 23:35:59 -08:00
00dc8c6802 Use updated MenuButton creation 2022-11-12 23:35:59 -08:00
917248fc5b moved footer to layout. changed some css 2022-10-22 10:46:17 +02:00
27565c2b02 Show play button on player pause. Closes #2206 2022-10-12 19:24:41 -07:00
d40e66b7ef Stop playback metrics on player unmount 2022-10-12 19:15:47 -07:00
88bb8336f3 Fix player not staying inline on iOS. Closes #2097 2022-10-12 17:53:37 -07:00
23b5468ed4 Fix error thrown by player after player is unmounted 2022-10-08 17:51:17 -07:00
6773fc37a5 Fix space bar moving page. Closes #2110 2022-10-08 17:15:19 -07:00
ded47a0c25 Make live indicator use our theme colors. For #1899 2022-10-08 16:51:49 -07:00
34f35974e0 Change Airplay to SVG and refactor (#2156)
* Replaced airplay.png with airplay.svg

* Refactor VideoJS.scss to propper scss syntax

* Fix for the messup I made during the refactor

* fix airplay size

* hotfix fixed aircast styling
2022-10-06 18:57:49 -07:00
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
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
d5fa81f76e Draft: rough-ish draft of proposed color theme changes (#2067)
* color experimentation and troubleshooting

* create color scheme, assign colors, more ant overrides

* fun selection color

* Prettified Code!

* Correctly import opensans

* Prettified Code!

* Organize+standardize colors/names and update the app to use them

* Prettified Code!

* Use css var references instead of resolving value of vars in css files

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-08-29 23:17:12 -07:00
75b90179b8 Experiment with some custom player styling. For #1899 2022-08-18 19:59:17 -07:00
6ee2866260 Handle player being removed 2022-07-12 14:30:21 -07:00
255585cd9f Update components to use the new style/color names 2022-07-10 16:45:19 -07:00
efbe6907ac Reworked mobile UI for some components 2022-07-08 22:20:22 +02:00
ffc73f2760 Added chat tab on mobile layouts and other changes to mobile UI 2022-07-08 09:10:18 +02:00
d12712a107 Changed chat behaviour
added recoil value isMobile to determine which chat to display and
style. #1978

changed the player to actually span across the viewport without the
black borders around it.
2022-07-03 12:36:30 +02:00
3c43db4d86 Make video poster fill player and not use the logo. For #1857 2022-06-29 14:01:41 -07:00
0c439ccba4 Add AirPlay support to player. Closes #1963 2022-06-21 15:38:37 -07:00
8624358dde Add latency compensator to player. Closes #1931 2022-06-19 21:23:26 -07:00
1dbeac422f Add player settings menu. Closes #1932 2022-06-19 13:49:42 -07:00
221b9c8f0f Add playback performance metrics. Closes #1930 2022-06-02 14:34:32 -07:00
04597908a5 Add keyboard shortcuts for player controls. For #1892 2022-06-02 13:50:16 -07:00
da0a2f5f5d Fix play button z-index + add basic player theme 2022-05-26 21:44:54 -07:00
1d213b71d4 Support changing your own name and handling name change events 2022-05-26 13:52:04 -07:00
7b1667bf6a Refactor app state to be a state machine with access selectors 2022-05-25 21:47:09 -07:00
72c01e1b9a Fix web project build errors 2022-05-11 23:31:31 -07:00
ff6886575f Add player poster 2022-05-10 15:36:09 -07:00
d6e0b55337 Missing file 2022-05-09 13:06:17 -07:00
97762c17b0 Add viewer ping + volume saving to player 2022-05-08 23:42:40 -07:00
f835ae5086 Add action buttons and status bar 2022-05-07 16:13:06 -07:00
448c23d097 Use some style values so it looks like this page is making progress 2022-05-07 10:25:04 -07:00
502cf4478a reworked slightly main layout 2022-05-03 23:55:13 +02:00
d65be6013a Add some todo comments 2022-05-03 13:26:04 -07:00
15becc5121 Connect to websocket and start accepting messages 2022-05-02 22:13:36 -07:00
91b0db9c2e Add placeholder components to be worked on 2022-04-27 23:19:45 -07:00
07c6faad60 Add basic player component 2022-04-26 19:29:13 -07:00
15ca73a438 WIP VideoPoster 2022-04-26 13:50:14 -07:00