Robin Townsend
cd7ab00d80
Don't try to promote the same speaker multiple times
2023-06-18 11:45:01 -04:00
Robin Townsend
ddeb36db47
Promote speakers to the first page of the grid
2023-06-18 11:35:13 -04:00
Robin Townsend
4e5a75074a
Fix tiles not collapsing toward their center
2023-06-18 01:01:24 -04:00
Robin Townsend
391ba5196c
Make screenshares appear near the presenter's tile and be larger
2023-06-18 00:47:37 -04:00
Robin Townsend
3e56d0a656
Make it possible again to drag a tile into the top left corner
2023-06-18 00:28:08 -04:00
Robin Townsend
afbcea7b66
Allow the grid to resize with the window width
2023-06-17 22:31:07 -04:00
Robin Townsend
4f582c6ad7
Don't change tile size when dragging
2023-06-17 22:31:07 -04:00
Robin Townsend
8b8d6fd0e0
Push large tiles upwards back into the grid
2023-06-17 22:31:01 -04:00
Robin Townsend
f4f454f58e
Improve the performance of dragging tiles in the large grid
...
By only updating the one spring of the tile that's being interacted with
2023-06-16 10:20:24 -04:00
Robin Townsend
1207ecc9d7
Decouple video grid from video tile components
...
This is an attempt to address the feedback in https://github.com/vector-im/element-call/pull/1099#discussion_r1226863404 that the video grid and video tile components have become too tightly coupled. After this change, the only requirements that the video grid makes of its child components are:
- They accept ref, style, and item props
- They attach the ref and styles to a react-spring animated element
Note: I removed the video grid Storybook file, because I'm not aware of anyone using Storybook for development of Element Call beyond Robert, and it would take some effort to fix to work with these changes.
2023-06-12 18:21:45 -04:00
Robin Townsend
554da08628
Fix tiles not animating in the new grid layout
...
The new grid layout has been broken ever since upgrading react-spring, because it was apparently relying on a buggy behavior of react-spring that started transitions automatically even in imperative mode. react-spring 9.5.1 fixed that behavior, which means we now need to manually start the animations.
2023-06-09 13:52:21 -04:00
Robin
e3c34a7145
Merge pull request #1053 from robintown/local-tile-size
...
Cap the size of the local tile in 1:1 calls
2023-05-13 13:54:40 -04:00
Robin
1c9b2a24d9
Merge pull request #1054 from robintown/local-feed-contrast
...
Use a more noticeable shadow when displaying one tile on top another
2023-05-13 13:54:12 -04:00
Robin
7ab94cb003
Merge pull request #1056 from robintown/mute-icon
...
Show audio mute status next to people's names
2023-05-13 13:53:51 -04:00
Robin Townsend
caf90d851e
Subtly animate active speaker indicators
...
A light touch of animation here is consistent with what the designs call for, and what we've done with the toolbars on video tiles.
2023-05-12 14:49:55 -04:00
Robin Townsend
a74733f6bc
Show audio mute status next to people's names
...
Previously we were showing a combination of audio and video status icons on people's name badges, which meant there was no way to tell whether someone who had their video off was muted or not. The designs call for only microphone icons to be shown here.
2023-05-12 14:32:16 -04:00
Robin Townsend
440c617738
Use a more noticeable shadow when displaying one tile on top another
...
So that the local tile in 1:1 calls is more discernable against the background, especially when both participants have their video off
2023-05-12 14:16:33 -04:00
Robin Townsend
2df8488c20
Cap the size of the local tile in 1:1 calls
...
So that it doesn't cover up too much of the remote tile at small window sizes
2023-05-12 11:43:17 -04:00
Michael Kaye
2318f2c4a0
prettier -w
2023-05-02 17:33:56 +01:00
Michael Kaye
323dba620d
Add a range of data-testid tags to be able to cleanly identify parts of the application.
2023-04-27 09:42:25 +01:00
David Baker
d1aa34b2e0
Use the native ResizeObserver where available
...
My dev env suddenly, with no apparent prompt, went into a mode where
it wouldn't display nay video tiles which was because they were 0x0
in the top left corner, which in turn was because the ResizeObserver
was never returning the actual bounds of the video tile container.
As per comment, this uses the native impl in preference to the ponyfill,
although in practice it looks like all our target browsers should support
it, so perhaps we could just remove the ponyfill entirely.
2023-04-20 13:39:25 +01:00
Robin Townsend
3c7f01a510
Make audio activity border match the tile border radius
2023-04-19 10:24:47 -04:00
Robin Townsend
928f1c1d6f
Address review feedback
2023-04-05 12:56:50 -04:00
Robin Townsend
313ebe258e
Add end-to-end audio observability
...
This reports via OpenTelemetry when particular participants are speaking, as an easy way to observe the delivery of audio in calls.
2023-03-22 14:23:26 -04:00
Robin Townsend
fbc72283d4
Add missing copyright headers
2023-02-15 16:20:58 -05:00
Robin Townsend
efbf319fa1
Explain why we cast the tile springs
2023-02-13 22:40:26 -05:00
Robin Townsend
58ed372afa
Fix type and lint errors
2023-02-13 21:57:57 -05:00
Robin Townsend
69e6ba93c1
Add a switch to toggle between the new and old grids
2023-02-13 20:36:42 -05:00
Robin Townsend
5448744871
Document grid operations
2023-02-13 18:35:23 -05:00
Robin Townsend
d852e33413
Document the component
2023-02-08 00:32:08 -05:00
Robin Townsend
8d46687a54
Refactor grid state tracking
2023-02-07 23:27:49 -05:00
Robin Townsend
978b0f08e8
Move grid algorithms into a separate file
2023-02-07 22:13:50 -05:00
Robin Townsend
374c68e3c0
Fix tiles enlarging to the wrong place on mobile
2023-02-05 01:17:28 -05:00
Robin Townsend
82ac775124
Fix scrolling on mobile
2023-02-05 00:55:12 -05:00
Robin Townsend
6adcf95aaa
Implement different column counts and mobile layout
2023-02-04 00:43:53 -05:00
Robin Townsend
206730ffc0
Fix infinite loop when a tile can't be enlarged
2023-02-03 16:52:42 -05:00
Robin Townsend
1e858f6ba3
Fix a typo
2023-02-03 16:27:49 -05:00
Robin Townsend
22382413dc
Make drag and drop mobile-friendly
2023-02-03 15:42:47 -05:00
Robin Townsend
6cd939db0c
Fix a crash when there's only 1 tile and it gets shrunk
2023-02-03 09:11:25 -05:00
Robin Townsend
42e4f6ce83
Don't allow the grid to overflow horizontally
2023-02-03 08:44:35 -05:00
Robin Townsend
4fc8598e36
Keep tile elements in a stable order
2023-02-01 11:50:52 -05:00
Robin Townsend
0915e327e1
Implement somewhat working drag & drop and improve render memoization
2023-02-01 11:32:10 -05:00
Robin Townsend
eedf8a6d1b
Make tiles draggable (but not yet droppable)
2023-02-01 00:17:22 -05:00
Robin Townsend
d7db845f3b
Scroll snap was a bad idea
2023-01-30 23:52:46 -05:00
Robin Townsend
82c7293308
Replace premature animation optimization with a potentially wiser one
2023-01-30 23:44:19 -05:00
Robin Townsend
0166eb67fb
Make avatars scale smoothly during animations
2023-01-30 23:43:45 -05:00
Robin Townsend
e3081c1c06
Try out a snappier spring
2023-01-30 23:32:26 -05:00
Robin Townsend
f540f48461
Fix some layout bugs
2023-01-30 23:32:00 -05:00
Robin Townsend
55dece274f
Fix some tile resizing bugs
2023-01-30 17:04:43 -05:00
Robin Townsend
4e73c07cb2
Try out scroll snapping
2023-01-30 09:35:40 -05:00
Robin Townsend