administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-09 04:35:25 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Adjust volume behavior

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-13 16:56:55 -06:00
parent ed9bf9dce4
commit 36abc2a73f
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/components/player/HlsVideoPlayer.tsx
View File

@ -321,25 +321,25 @@ function VideoControls({
<div
className={`absolute bottom-5 left-1/2 -translate-x-1/2 px-4 py-2 flex justify-between items-center gap-8 text-white z-50 bg-black bg-opacity-60 rounded-lg`}
>
<div
className="flex justify-normal items-center gap-2"
onMouseOver={isDesktop ? () => setShowVolume(true) : undefined}
onMouseOut={isDesktop ? () => setShowVolume(false) : undefined}
onClick={(e) => {
e.stopPropagation();
<div className="flex justify-normal items-center gap-2">
<VolumeIcon
className="size-5"
onClick={(e) => {
e.stopPropagation();
if (isDesktop) {
if (video.muted) {
video.volume = 1;
if (isDesktop) {
if (volume == 0) {
setShowVolume(true);
video.volume = 1;
} else {
setShowVolume(false);
video.volume = 0;
}
} else {
video.volume = 0;
setShowVolume(!showVolume);
}
} else {
setShowVolume(!showVolume);
}
}}
>
<VolumeIcon className="size-5" />
}}
/>
{showVolume && (
<Slider
className="w-20"