Getting Started - Flutter SDK

Flutter SDK is natively written SDK using Dart. It is compatible with iOS, Android, Web and Desktop (MacOS, Windows) apps.

SDK Compatibility

Android and iOS	Web (Beta)	Desktop (Beta)	Safari
✅	✅	✅	❌

Installing Flutter SDK

Flutter SDK is client for real-time communication for android and ios devices. It inherits the same terminology as all other SDKs does.

Step 1: Add this package in your flutter project

VideoSDK flutter SDK canbe added using the following command:

flutter pub add videosdk

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  videosdk: ^1.1.x

Step 2: Android Setup

VideoSDK requires you to add following permissions to your app so that it can access the audio and video from the device.

Ensure the following permission is present in your Android Manifest file, located in <project root>/android/app/src/main/AndroidManifest.xml:

<uses-feature android:name="android.hardware.camera" />
<uses-feature android:name="android.hardware.camera.autofocus" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>
<uses-permission android:name="android.permission.WAKE_LOCK" />

If you need to use a Bluetooth device, please add:

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

Also you will need to set your build settings to Java 8, because official WebRTC jar now uses static methods in EglBase interface. Just add this to your app level build.gradle:

android {
    //...
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

Update the minimumSdkVersion for android

If necessary, in the same build.gradle you will need to increase minSdkVersion of defaultConfig up to 23 (currently default Flutter generator set it to 16).

If necessary, in the same build.gradle you will need to increase compileSdkVersion and targetSdkVersion up to 31 (currently default Flutter generator set it to 30).

Step 3: iOS Setup

VideoSDK requires you to add following permissions to your app so that it can access the audio and video from the device.

Add the following entry to your Info.plist file, located at <project root>/ios/Runner/Info.plist:

<key>NSCameraUsageDescription</key>
<string>$(PRODUCT_NAME) Camera Usage!</string>
<key>NSMicrophoneUsageDescription</key>
<string>$(PRODUCT_NAME) Microphone Usage!</string>

Modify the Podfile

Update Minimum Platform Version

Set the minimum iOS platform version to 13.0 in your Podfile:

Podfile

platform: ios, "13.0";

Enable Static Linking

Replace use_frameworks! with use_frameworks! :linkage => :static in your Podfile to enable static linking for Video SDK integration.

Find the line:

Podfile

use_frameworks!

Replace it with:

Podfile

use_frameworks! :linkage => :static

Enable Requesting Media Permissions

To enable requesting of microphone and camera permissions add the following to your Podfile:

Podfile

post_install do |installer|
  installer.pods_project.targets.each do |target|
    flutter_additional_ios_build_settings(target)
    target.build_configurations.each do |config|
    //Add this into your podfile
      config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= [
        'PERMISSION_CAMERA=1',
        'PERMISSION_MICROPHONE=1',
      ]
    end
  end
end

Step 4: MacOS Setup

VideoSDK requires you to add following permissions to your app so that it can access the audio and video from the device.

1. Add the following entry to your Info.plist file, located at <project root>/macos/Runner/Info.plist:

<key>NSCameraUsageDescription</key>
<string>$(PRODUCT_NAME) Camera Usage!</string>
<key>NSMicrophoneUsageDescription</key>
<string>$(PRODUCT_NAME) Microphone Usage!</string>

2. Add the following entry to your DebugProfile.entitlements file, located in <project root>/macos/Runner/DebugProfile.entitlements:

<key>com.apple.security.network.client</key>
<true/>
<key>com.apple.security.device.camera</key>
<true/>
<key>com.apple.security.device.microphone</key>
<true/>

3. Add the following entry to your Release.entitlements file, located in <project root>/macos/Runner/Release.entitlements:

<key>com.apple.security.network.server</key>
<true/>
<key>com.apple.security.network.client</key>
<true/>
<key>com.apple.security.device.camera</key>
<true/>
<key>com.apple.security.device.microphone</key>
<true/>

Step 5: Import it

Now in your Dart code, you can use:

import "package:videosdk/videosdk.dart";

note

Check out official example of Flutter SDK implementation: videosdk-rtc-flutter-sdk-example