mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2024-12-17 17:20:21 +01:00
Stanislav Dmitrenko
95c1d8d798
* android, desktop: calls switching from audio to video and back
* refactor
* working all 4 streams with mute handling differently
* changes
* changes
* wrong file
* changes
* padding
* android camera service type
* icons, sizes, clickable
* refactor
* Revert "android camera service type"
This reverts commit 9878ff38e9.
* late init camera permissions
* enabling camera sooner than call establishes (not fully done)
* changes
* alpha
* fixes for Safari
* enhancements
* fix Safari sound
* padding between buttons on desktop
* android default values for padding
* changes
* calls without encryption are supported and flipping camera on some devices works
* unused param
* logs
* background color
* play local video in Safari
* no line height
* removed one listener from per frame processing
* enhancements
---------
Co-authored-by: Evgeny Poberezkin <evgeny@poberezkin.com>
110 lines
1.8 KiB
CSS
110 lines
1.8 KiB
CSS
html,
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: black;
|
|
}
|
|
|
|
#remote-video-stream.inline {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
#remote-video-stream.collapsed {
|
|
position: absolute;
|
|
max-width: 30%;
|
|
max-height: 30%;
|
|
object-fit: cover;
|
|
margin: 16px;
|
|
border-radius: 16px;
|
|
bottom: 80px;
|
|
right: 0;
|
|
}
|
|
|
|
#remote-video-stream.collapsed-pip {
|
|
position: absolute;
|
|
max-width: 50%;
|
|
max-height: 50%;
|
|
object-fit: cover;
|
|
margin: 8px;
|
|
border-radius: 8px;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
#remote-screen-video-stream.inline {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
#local-video-stream.inline {
|
|
position: absolute;
|
|
width: 30%;
|
|
max-width: 30%;
|
|
object-fit: cover;
|
|
margin: 16px;
|
|
border-radius: 16px;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
#local-screen-video-stream.inline {
|
|
position: absolute;
|
|
width: 30%;
|
|
max-width: 30%;
|
|
object-fit: cover;
|
|
margin: 16px;
|
|
border-radius: 16px;
|
|
top: 30%;
|
|
right: 0;
|
|
}
|
|
|
|
#remote-video-stream.fullscreen {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
#remote-screen-video-stream.fullscreen {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
#local-video-stream.fullscreen {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
#local-screen-video-stream.fullscreen {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
*::-webkit-media-controls {
|
|
display: none !important;
|
|
-webkit-appearance: none !important;
|
|
}
|
|
*::-webkit-media-controls-panel {
|
|
display: none !important;
|
|
-webkit-appearance: none !important;
|
|
}
|
|
*::-webkit-media-controls-play-button {
|
|
display: none !important;
|
|
-webkit-appearance: none !important;
|
|
}
|
|
*::-webkit-media-controls-start-playback-button {
|
|
display: none !important;
|
|
-webkit-appearance: none !important;
|
|
}
|