siri_wave

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Siri Wave é um pacote Flutter que permite aos desenvolvedores criar formas de onda animadas visualmente atraentes no estilo da Siri. Inspirado na animação de voz da Apple Siri, oferece visualização de áudio suave e personalizável com renderização em tempo real de forma de onda em múltiplas plataformas. O pacote suporta vários tipos de ondas, cores e velocidades de animação, tornando-o ideal para assistentes de voz, aplicativos musicais ou qualquer app que exija feedback auditivo dinâmico. Integra-se perfeitamente em projetos Flutter com configuração mínima e funciona em Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

Interfaces de assistente de voz
visualizadores de player de música
Feedback de áudio em tempo real
animações de aplicativos interativos
exibição de reconhecimento de fala ao vivo

Principais recursos

Design de onda semelhante ao Siri
Cores e formas de onda personalizáveis
Animações em tempo real suaves
Compatibilidade multiplataforma
Integração simples com o Flutter
Suporte para várias fontes de áudio

Indicado para

Visualização de áudio em aplicativos móveis
Aplicações com suporte a voz
Componentes de interface focados no design
Desenvolvedores Flutter procurando efeitos animados
Aplicativos que exigem indicadores de áudio em tempo real

Considerações

O desempenho pode variar com atualizações de alta frequência
Personalização limitada além das propriedades básicas da onda
Mais adequado para animações simples e suaves
Requer um tratamento adequado dos fluxos de dados de áudio
Não otimizado para processamento de áudio complexo

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

Create visually stunning waveforms similar to those found in Siri.

Inspired from the siriwave library.

Demo

Check out the live demo here.

iOS 7 Siri-style waveform GIF

iOS 9 Siri-style waveform GIF

Usage

iOS 7 Siri-style waveform

To create an iOS 7 Siri-style waveform, use the SiriWaveform.ios7() constructor:

import 'package:siri_wave/siri_wave.dart';

class MyWidget extends StatelessWidget {
  MyWidget({super.key});

  Widget build(BuildContext context) => SiriWaveform.ios7();
}

You can customize the waveform by passing a controller and/or options:

class MyWidget extends StatelessWidget {
  MyWidget({super.key});

  final controller = IOS7SiriWaveformController(
    amplitude: 0.5,
    color: Colors.red,
    frequency: 4,
    speed: 0.15,
  );

  @override
  Widget build(BuildContext context) => SiriWaveform.ios7(
        controller: controller,
        options: const IOS7SiriWaveformOptions(height: 200, width: 400),
      );
}

You can also change the properties of the waveform later:

  controller.amplitude = 0.3;
  controller.color = Colors.white;

iOS 9 Siri-style waveform

To create an iOS 9 Siri-style waveform, use the SiriWaveform.ios9() constructor:

import 'package:siri_wave/siri_wave.dart';

class MyWidget extends StatelessWidget {
  MyWidget({super.key});

  Widget build(BuildContext context) => SiriWaveform.ios9();
}

As with the iOS 7 Siri-style waveform, you can customize the waveform by passing a controller and/or options:

class MyWidget extends StatelessWidget {
  MyWidget({super.key});

  final controller = IOS9SiriWaveformController(
    amplitude: 0.5,
    color1: Colors.red,
    color2: Colors.green,
    color3: Colors.blue,
    speed: 0.15,
  );

  @override
  Widget build(BuildContext context) => SiriWaveform.ios9(
        controller: controller,
        options: const IOS9SiriWaveformOptions(height: 200, width: 400),
      );
}

For a complete sample application, please checkout the example.

To learn more, see the API Documentation.

🤝 Contributing

Contributions, issues and feature requests are welcome. Feel free to check the issue tracker if you want to contribute.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote