跳转到内容
搜索文档

RtkAudioVisualizer

最后更新 查看 MarkdownAgent 设置

显示一个音频可视化器,其带有表示参会者音频音量的动画柱条。

属性

属性 类型 是否必填 默认值 描述
participant Peer | RTKParticipant - 要对其音频进行可视化的参会者
iconPack IconPack defaultIconPack 用于图标的自定义图标包
isScreenshare boolean false 这是否为屏幕共享音频可视化器
size 'lg' | 'md' | 'sm' | 'xl' 'sm' 可视化器的尺寸
variant 'bar' 'bar' 可视化器的视觉变体

使用示例

基本用法

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

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

带属性用法

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

function MyComponent() {
	return (
		<RtkAudioVisualizer participant={participant} size="md" variant="bar" />
	);
}

这篇文档对您有帮助吗?