diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index 22559105a..925d7c88f 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -7,10 +7,8 @@ import MSEPlayer from "./MsePlayer";
import JSMpegPlayer from "./JSMpegPlayer";
import { MdCircle } from "react-icons/md";
import { useCameraActivity } from "@/hooks/use-camera-activity";
-import { useRecordingsState } from "@/api/ws";
import { LivePlayerMode } from "@/types/live";
import useCameraLiveMode from "@/hooks/use-camera-live-mode";
-import CameraActivityIndicator from "../indicators/CameraActivityIndicator";
type LivePlayerProps = {
cameraRef?: (ref: HTMLDivElement | null) => void;
@@ -41,8 +39,7 @@ export default function LivePlayer({
}: LivePlayerProps) {
// camera activity
- const { activeMotion, activeAudio, activeTracking } =
- useCameraActivity(cameraConfig);
+ const { activeMotion, activeTracking } = useCameraActivity(cameraConfig);
const cameraActive = useMemo(
() =>
@@ -72,8 +69,6 @@ export default function LivePlayer({
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [cameraActive, liveReady]);
- const { payload: recording } = useRecordingsState(cameraConfig.name);
-
// camera still state
const stillReloadInterval = useMemo(() => {
@@ -171,15 +166,8 @@ export default function LivePlayer({
/>
-
- {(activeMotion ||
- (cameraConfig.audio.enabled_in_config && activeAudio)) && (
-
- )}
-
-
- {recording == "ON" && (
+ {activeMotion && (
)}
diff --git a/web/src/hooks/use-camera-activity.ts b/web/src/hooks/use-camera-activity.ts
index 9b295f327..eb5b50dfe 100644
--- a/web/src/hooks/use-camera-activity.ts
+++ b/web/src/hooks/use-camera-activity.ts
@@ -1,8 +1,4 @@
-import {
- useAudioActivity,
- useFrigateEvents,
- useMotionActivity,
-} from "@/api/ws";
+import { useFrigateEvents, useMotionActivity } from "@/api/ws";
import { CameraConfig } from "@/types/frigateConfig";
import { MotionData, ReviewSegment } from "@/types/review";
import { useEffect, useMemo, useState } from "react";
@@ -11,7 +7,6 @@ import { useTimelineUtils } from "./use-timeline-utils";
type useCameraActivityReturn = {
activeTracking: boolean;
activeMotion: boolean;
- activeAudio: boolean;
};
export function useCameraActivity(
@@ -25,7 +20,6 @@ export function useCameraActivity(
const { payload: detectingMotion } = useMotionActivity(camera.name);
const { payload: event } = useFrigateEvents();
- const { payload: audioRms } = useAudioActivity(camera.name);
useEffect(() => {
if (!event) {
@@ -63,9 +57,6 @@ export function useCameraActivity(
return {
activeTracking: hasActiveObjects,
activeMotion: detectingMotion == "ON",
- activeAudio: camera.audio.enabled_in_config
- ? audioRms >= camera.audio.min_volume
- : false,
};
}