跳转到内容
搜索文档

RtkAudioVisualizer

最后更新 查看 MarkdownAgent 设置

一个音频可视化组件,用于可视化参与者的音频。通常在 rtk-name-tag 内部使用。

属性

属性 类型 必填 默认值 描述
hideMuted boolean - 如果音频静音,则隐藏可视化工具
iconPack IconPack defaultIconPack 图标包
isScreenShare boolean - 屏幕共享的音频可视化工具,它将使用 screenShareTracks.audio 代替 audioTrack
participant Peer - 参与者对象
size Size - 尺寸
t RtkI18n useLanguage() 语言
variant AudioVisualizerVariant - 变体

使用示例

基本用法

import { RtkAudioVisualizer } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkAudioVisualizer />;
}

带有属性

import { RtkAudioVisualizer } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkAudioVisualizer
      hideMuted={true}
      isScreenShare={true}
      participant={participant}
    />
  );
}

这篇文档对您有帮助吗?