bottom_navbar_player - Dart API docs

A Flutter plugin to play audio and video in BottomNavigationBar and bottomSheet with file, web and asset playback capabilities. Simply play sounds in different input methods in the list or anywhere else.

	Android	iOS	Web
Support	SDK 16+	11.0+	Any*

Preview

Getting Started

In order to use this package, do import

import 'package:bottom_navbar_player/bottom_navbar_player.dart';

First, create an instance of the class:

final bottomNavBarPlayer = BottomNavBarPlayer();

Set the player widget for BottomNavigationBar or bottomSheet scaffold:

Scaffold(
        bottomSheet: bottomNavBarPlayer.view(),
      ),

Video player

To play the video from the URL, proceed as follows:

MaterialButton(
                    onPressed: () => bottomNavBarPlayer.play(
                        'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4',
                        sourceType: SourceType.url,
                        mediaType: MediaType.video),
                    child: const Text('from URL'),
                  ),

To play the video from the Asset, proceed as follows:

MaterialButton(
                    onPressed: () => bottomNavBarPlayer.play('assets/bee.mp4',
                        sourceType: SourceType.asset,
                        mediaType: MediaType.video),
                    child: const Text('from Asset'),
                  ),

To play the video from the File, proceed as follows:

MaterialButton(
                    onPressed: () => bottomNavBarPlayer.play(
                        '/storage/sdcard/Download/bee.mp4',
                        sourceType: SourceType.file,
                        mediaType: MediaType.video),
                    child: const Text('from File'),
                  ),

Audio player

To play the sound from the URL, proceed as follows:

MaterialButton(
                    onPressed: () => bottomNavBarPlayer.play(
                        'https://download.samplelib.com/mp3/sample-9s.mp3',
                        sourceType: SourceType.url,
                        mediaType: MediaType.audio),
                    child: const Text('from URL'),
                  )

To play the sound from the Asset, proceed as follows:

MaterialButton(
                    onPressed: () => bottomNavBarPlayer.play('assets/audio.mp3',
                        sourceType: SourceType.asset,
                        mediaType: MediaType.audio),
                    child: const Text('from Asset'),
                  ),

To play the sound from the File, proceed as follows:

MaterialButton(
                    onPressed: () => bottomNavBarPlayer.play(
                        '/storage/sdcard/Download/audio_file.mp3',
                        sourceType: SourceType.file,
                        mediaType: MediaType.audio),
                    child: const Text('from File'),
                  ),

Permissions and configuration

Android

If you use an internet URL:

<uses-permission android:name="android.permission.INTERNET"/>

If you use the File:

<uses-permission android:name="android.permission.READ_INTERNAL_STORAGE"/>
<!-- or -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

If you wish to connect to non-HTTPS URLS, or if you use a feature that depends on the proxy such as headers, caching or stream audio sources, also add the following attribute to the application element:

<application ... android:usesCleartextTraffic="true">

iOS

If you wish to connect to non-HTTPS URLS, or if you use a feature that depends on the proxy such as headers, caching or stream audio sources, add the following to your Info.plist file:

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

License

MIT

About

Built with <3
by Mostafa Efafi

Bottom NavBar Player