element-call
element-call copied to clipboard
element-hq
Add a way to hide the top/bottom banner
Your use case
What would you like to do?
Add a way to hide the top and bottom banner like Jitsi does. Currently ~20% of vertical screen real estate is wasted. Also, currently the banners does not get much smaller when reducing the vertical size of the browser. Down to the point where no video is shown, just the top and bottom banners.
Why would you like to do it?
To see more video on the screen
How would you like to achieve it?
Auto hide the top and bottom banner after n seconds. Maybe have this being an optional feature in settings?
Have you considered any alternatives?
n/a
Additional context
There is a way: &hideHeader= e.g. https://call.element.io/room/#/someCallName?roomId=!SOMEROOMID&hideHeader= should do the trick.
I guess however you want something configurable in the ui. A button to hide it?
Or is this sufficient. (you can also add this to the links you are sharing with others)
That only hides the top header, leaving the largest bottom one. And I might want to be able to see the call name, number of participants, or access the share button during a call. I just don't need to see it all the time
From brief discussion with @americanrefugee @fkwp: This sounds like a good enhancement but would want to figure out how it works generally (e.g. as an overlay?).
I like the way Jitsi does this. Show the overlays when mousing over the call, then hide after ~4 seconds
A recording for convenience:
https://github.com/vector-im/element-call/assets/19155609/692498a0-39ce-4ce7-952e-f7d93356d02d
Came here to make a feature request for this, wanting to suggest how it's done in Jitsi. This is already all there, thanks everyone! So yes, imho it would be best to auto-hide top and bottom toolbar when the mouse is not moving – in order to see all speakers larger.
On an example call, with all the expansions offered to me enabled, the video uses only 77% of the viewport height. In other words, if it used the full height, I could have it 29% bigger (in terms of linear dimensions) — or 66% more in terms of area (!)
Empirically, on screenshare calls I frequently have the feeling 'if only I could hide the sidebars I could see that screen without leaning in to my monitor'. My eyesight is not particularly degraded and my monitor is not unreasonably small (if anything I should be able to justify a smaller monitor)
Empirically, on screenshare calls I frequently have the feeling 'if only I could hide the sidebars I could see that screen without leaning in to my monitor'. My eyesight is not particularly degraded and my monitor is not unreasonably small (if anything I should be able to justify a smaller monitor)
Within the screen share tile there should be a <-> button on the lower right which should help here.
I am wondering if we can use the maximise button to switch to the same layout as on mobile (floatin/disappearing bottom bar)
Empirically, on screenshare calls I frequently have the feeling 'if only I could hide the sidebars I could see that screen without leaning in to my monitor'. My eyesight is not particularly degraded and my monitor is not unreasonably small (if anything I should be able to justify a smaller monitor)
Within the screen share tile there should be a <-> button on the lower right which should help here.
I triggered this as above, but since the layout is height-constrained, the video did not change size at all
I am wondering if we can just force the mobile layout when fullscreen is pressed: where the bottom bar disappears and only comes there on hover. As @reivilibre said this is mostly an available height issue.
This is the mobile layout we alreayd have once the screen is small enough. Enforcing this when fullscreen is toggled could be very easy and solve this issue?
FWIW as a temporary workaround I added
call.element.io##[class^="_footer_"]:style(padding: 0 !important)
to my 'My filters' section in uBlock Origin, that shrinks the bottom bar down and gives a lot more room for the video. I could not quickly do the same for the header