Spaces:

Benaah
/

MicProtocol

Running

MicProtocol / apps /web /src /components /livekit /AudioMeter.tsx

Upload folder using huggingface_hub

fb12607 verified 2 days ago

637 Bytes

"use client";

import { useLocalParticipant, useTrackVolume } from "@livekit/components-react";

interface AudioMeterProps {
  participantIdentity?: string;
}

export function AudioMeter({ participantIdentity }: AudioMeterProps) {
  const { localParticipant, microphoneTrack } = useLocalParticipant();
  const track = microphoneTrack?.track;
  const volume = useTrackVolume(track as any);

  return (
    <div className="h-2 w-full bg-muted rounded-full overflow-hidden">
      <div
        className={`h-full bg-primary transition-all duration-100`}
        style={{ width: `${Math.max(volume * 100, 0)}%` }}
      />
    </div>
  );
}

	"use client";

	import { useLocalParticipant, useTrackVolume } from "@livekit/components-react";

	interface AudioMeterProps {
	participantIdentity?: string;
	}

	export function AudioMeter({ participantIdentity }: AudioMeterProps) {
	const { localParticipant, microphoneTrack } = useLocalParticipant();
	const track = microphoneTrack?.track;
	const volume = useTrackVolume(track as any);

	return (
	<div className="h-2 w-full bg-muted rounded-full overflow-hidden">
	<div
	className={`h-full bg-primary transition-all duration-100`}
	style={{ width: `${Math.max(volume * 100, 0)}%` }}
	/>
	</div>
	);
	}