flutter_visualizers Pub

A Flutter plugin to Visualize the audio being played (only android).

Usage

  • Add this to your pubspec.yaml

    dependencies:
    flutter_visualizers: ^0.0.1
    
    
  • Get package from Pub:

    flutter packages get
    
  • Import it in your file

    import 'package:flutter_visualizers/flutter_visualizers.dart';
    

Example

  • Firstly, get a audioSessionID from your native android Mediaplayer.

    player.getAudioSessionId()
    
  • Simply Include this code in body

    new Visualizer(
            builder: (BuildContext context, List<int> wave) {
              return new CustomPaint(
                painter: new LineVisualizer(
                  waveData: wave,
                  height: MediaQuery.of(context).size.height,
                  width : MediaQuery.of(context).size.width,
                  color: Colors.blueAccent,
                ),
                child: new Container(),
              );
            },
            id: playerID,
          )
    

    Here playerId is the AudioSessionId which id needed to initialize the Visualizer. (Required Audio Recording Permission in Android)

    See the Complete Example

Sample

Video

Credits

License

Copyright [2018] [Sahdeep Singh]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Getting Started with Flutter

This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Libraries

BarVisualizer
CircularBarVisualizer
CircularLineVisualizer
LineBarVisualizer
LineVisualizer
MultiWaveVisualizer
callbacks
flutter_visualizers
visualizer

Dart

VM

dart:ffi
Foreign Function Interface for interoperability with the C programming language. [...]

Web

dart:html
HTML elements and other resources for web-based applications that need to interact with the browser and the DOM (Document Object Model). [...]
dart:js
Low-level support for interoperating with JavaScript. [...]
dart:js_util
Utility methods to efficiently manipulate typed JSInterop objects in cases where the name to call is not known at runtime. You should only use these methods when the same effect cannot be achieved with @JS annotations. These methods would be extension methods on JSObject if Dart supported extension methods.