フラッターで雲にビデオを保存する

💡 This article describes how to use VoxImplant platform. You need to bear in mind that this is a paid service, so please check their pricelist before jumping in.

Create a new account on voximplant.com ダッシュボードにログインします.

開いた左のメニュー

あなたが望むように名前をつけてくださいrecorder ). 作成したアプリケーションをクリックしてその設定に移動します.

アプリケーションダッシュボードでユーザーに移動
名前とパスワードを選択します.

💡 I used "Separate account balance" checkbox, so this user would have separate balance from main account. You can call me paranoid, but it's never too much security!

//subscribe to the events
VoxEngine.addEventListener(AppEvents.CallAlerting, (e) => {
  e.call.addEventListener(CallEvents.Connected, handleCallConnected);
  e.call.addEventListener(CallEvents.RecordStarted, handleRecordStarted);
  e.call.addEventListener(CallEvents.Failed, VoxEngine.terminate);
  e.call.addEventListener(CallEvents.Disconnected, VoxEngine.terminate);
  e.call.answer();
});

function handleCallConnected(e) {
  // Record call including video
  e.call.record({video:true});
}

function handleRecordStarted(e) {
  // Send video URL to client
  e.call.sendMessage(JSON.stringify({url: e.url}));
}

そして最後のこと!我々は、我々の呼び出しを取り扱うルータを加えなければなりません.ルーティングに移動します.私の場合、パターンはすべての着信を受け入れます、しかし、生産環境で、あなたはそれを意味がある何かに変えなければなりません.ボックスから我々のシナリオを選んでください.

  USER=USERNAME@YOUR_APP_URL
  PASSWORD=ACTUAL_PASSWORD

flutter create video_recorder

flutter pub add flutter_voximplant

<key>NSMicrophoneUsageDescription</key>
<string>Microphone is required to make audio calls</string>
<key>NSCameraUsageDescription</key>
<string>Camera is required to make video calls</string>

compileOptions {
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
}

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.handson">
  ...  
  <uses-permission android:name="android.permission.CAMERA" />
  <uses-permission android:name="android.permission.RECORD_AUDIO" />
</manifest>

💡 Best cross-platform solution for Flutter to handle permissions is permission_handler package. It removes neccesity to dance around your phone.

cd ~/Library/Android/sdk/emulator
emulator @YOUR_DEVICE_NAME -camera-back webcam1

💡 For some reason you can't use -camera-back webcam1 -camera-front webcam1 at the same time 🤷‍♀️

💡 Use [email protected] format to log in.

class _MyHomePageState extends State<MyHomePage> {
  final VIClient _client = Voximplant().getClient();
  VICall? _call;
  AppState _state = AppState.initialising;

  @override
  initState() {
    super.initState();
    _login();
  }

  void _login() async {
    try {
      await _client.connect();
      await _client.login(dotenv.get('USER'), dotenv.get('PASSWORD'));
      setState(() {});
      _state = AppState.ready;
    } on Exception catch (e) {
      log(e.toString());
      setState(() {
        _state = AppState.error;
      });
    }
  }

  void _record() async {
    var _settings = VICallSettings();
    _settings.videoFlags = VIVideoFlags(sendVideo: true);
    _call = await _client.call("", settings: _settings);
    _call?.onCallConnected = _onCallConnected;
    _call?.onCallDisconnected = _onCallDisconneced;
    _call?.onMessageReceived = _onMessage;
  }

void _onMessage(VICall call, String message) {
    log(message);
  }

💡 There is a bug in flutter_voximplant package that makes messages unusable on Android. Fix is already merged into master, but not published to pub. Hopefully it will be fixed soon.

@override
void dispose() {
  super.dispose();
  _logout();
}

Future<void> _logout() async {
  final state = await _client.getClientState();
  if (state != VIClientState.Disconnected) _client.disconnect();
}

💡 dispose method in Flutter widgets has couple of issues, for example not called when app quit or doesn't work as async. In a production environment you will need some workarounds to make sure that connection is closed properly.