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

Make volume props optional

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-14 10:00:51 -06:00
parent a90219d5b3
commit d6e437e6c9
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/player/VideoControls.tsx
View File

@ -38,14 +38,14 @@ type VideoControlsProps = {
features?: VideoControls;
isPlaying: boolean;
show: boolean;
muted: boolean;
volume: number;
muted?: boolean;
volume?: number;
controlsOpen?: boolean;
playbackRates?: number[];
playbackRate: number;
hotKeys?: boolean;
setControlsOpen?: (open: boolean) => void;
setMuted: (muted: boolean) => void;
setMuted?: (muted: boolean) => void;
onPlayPause: (play: boolean) => void;
onSeek: (diff: number) => void;
onSetPlaybackRate: (rate: number) => void;
@ -95,7 +95,7 @@ export default function VideoControls({
// volume control
const VolumeIcon = useMemo(() => {
if (volume == 0.0 || muted) {
if (!volume || volume == 0.0 || muted) {
return MdVolumeOff;
} else if (volume <= 0.33) {
return MdVolumeMute;
@ -122,7 +122,7 @@ export default function VideoControls({
}
break;
case "m":
if (down && !repeat && video) {
if (setMuted && down && !repeat && video) {
setMuted(!muted);
}
break;
@ -156,13 +156,16 @@ export default function VideoControls({
className="size-5"
onClick={(e: React.MouseEvent) => {
e.stopPropagation();
if (setMuted) {
setMuted(!muted);
}
}}
/>
{muted == false && (
<VolumeSlider
className="w-20"
value={[volume]}
value={[volume ?? 1.0]}
min={0}
max={1}
step={0.02}