File size: 1,194 Bytes
87337b1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
"use client"
import { useMultibandTrackVolume } from "@/common"
import { cn } from "@/lib/utils"
// import AudioVisualizer from "../audioVisualizer"
import { IMicrophoneAudioTrack } from "agora-rtc-sdk-ng"
import AudioVisualizer from "@/components/Agent/AudioVisualizer"
export interface AgentViewProps {
audioTrack?: IMicrophoneAudioTrack
}
export default function AgentView(props: AgentViewProps) {
const { audioTrack } = props
const subscribedVolumes = useMultibandTrackVolume(audioTrack, 12)
return (
<div
className={cn(
"flex h-auto w-full flex-col items-center justify-center px-4 py-5",
"bg-[#0F0F11] bg-gradient-to-br from-[rgba(27,66,166,0.16)] via-[rgba(27,45,140,0.00)] to-[#11174E] shadow-[0px_3.999px_48.988px_0px_rgba(0,7,72,0.12)] backdrop-blur-[7px]",
)}
>
<div className="mb-2 text-lg font-semibold text-[#EAECF0]">Agent</div>
<div className="mt-8 h-14 w-full">
<AudioVisualizer
type="agent"
frequencies={subscribedVolumes}
barWidth={6}
minBarHeight={6}
maxBarHeight={56}
borderRadius={2}
gap={6}
/>
</div>
</div>
)
}
|