wave_blob

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

WaveBlob 是一个 Flutter 包，提供可自定义的波浪形 blob 动画，非常适合可视化音频输入。它会动态响应语音音量，特别适用于音乐和音频应用。动画的形状、大小和行为均可调整，以满足各种设计需求。支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台，确保广泛的兼容性。开发者可以集成实时音频可视化，并实现流畅自然的 blob 运动。

适合场景

实时音频可视化
语音振幅跟踪
互动音乐应用
动画UI元素
基于网络的音频仪表板

主要特点

可自定义的波浪形斑点
通过语音幅度驱动的动画
跨平台支持
流畅的动画
与 Flutter 的轻松集成
可配置的动画速度和缩放

适合对象

Flutter 开发人员构建音频应用
寻求动态视觉效果的设计师
需要实时波形反馈的项目
带有音频交互的教育工具
创意多媒体应用

使用建议

需要麦克风访问权限以进行音频输入
性能在低端设备上可能有所不同
超出基本 blob 属性之外的自定义功能有限
可能需要额外的音频处理来应对复杂信号
最适合简单的连续波形，而不是离散数据

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

Features

Blob Wave Animation

This package provide a blob wave animation that can be customized to your needs. You can playing audio using amplitude of voice.

Preview

Getting started

Installing

Add dependencies to pubspec.yaml

dependencies:
    wave_blob: <latest-version>

Run pub get.

flutter pub get

Import package

import 'package:wave_blob/wave_blob.dart';

Usage

Simple usage

Wrap Widget with WaveBlob and assign needed parameter.

SizedBox(
    width: MediaQuery.sizeOf(context).width * 0.4,
    height: MediaQuery.sizeOf(context).width * 0.4,
    child: WaveBlob(
        child: const Icon(
            Icons.mic,
            color: Colors.white,
            size: 50.0,
        ),
    ),
),

Don't forget set Width and Height of widget.

Check example app for more info.

Customization

You can customize blob easily. You can change blob color, animation speed, min and max radius and etc.

Example:

Author

Hosein Nadalizadeh
Telegram/BlobDrawable

搜索插件、代码仓与 APP 分类

安装插件