0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

agora.io Video SDK for Flutter クイックスタートガイド (2020-12-09 改訂版)

Last updated at Posted at 2020-12-09

はじめに

本記事は 2020-09-08 の記事「agora.io Video SDK for Flutter クイックスタートガイド」 の改訂版となります。

概要

agora.io では Flutter を利用した開発が可能です。

Flutter は Google 社が開発した Android/iOS 向けクロスプラットフォームのフレームワークで、「Dart」というオブジェクト指向言語を使って開発します。

agora.io の Download Center では、Flutter 用のリンクが下図のように表示されますが、こちらは pub.dev に公開している SDK パッケージへのリンクとなっています。
※ 2020-12-09 時点

downloadpage.png

現在、Flutter サンプルデモは以下のリンクから入手できます。

1 つ目はライブブロードキャスティングアプリのサンプルが収録されており、ビルド方法は別記事で紹介しています。
2 つ目は 1 対 1 のビデオチャットアプリのサンプルが収録されており、本記事はこちらのビルド方法を紹介します。

ビルド方法

※ 予め Flutter を開発環境に導入してください。
https://flutter.dev/docs/get-started/install

1.Flutter-SDK をダウンロード
2.ファイルを展開し example/lib/config へ移動
3.agora.config.dart を開き、各項目を以下に沿って記入します:

■ appId: App ID を入力
■ token: token を入力 (使わない場合は、空文字列を記載)
■ channelId: デフォルトのチャンネル名を指定 (空文字列の場合、入室前に指定する必要があります)
■ uid: uid を指定 (数値型で入力すること。0 と指定した場合、uid はランダムとなります)
■ stringUid: デフォルトの文字列型 uid を指定 (空文字列の場合、特定の場面で入室前に指定する必要があります)

flutter_config.png

4.example/lib に戻り、実機ビルド & アプリ起動
※ iOS 用にビルドする場合、 examples/ios/ 内の xCode プロジェクトを開き Signing & Capabilities の設定を一通り行ってからビルドしてください。

$ flutter run

アプリの画面

ビルドに成功するとアプリが起動します。
IMG_0286.png

JoinChannelVideo のテスト。相手が入室すると左上に映像が表示されます。
IMG_0287.png

最後に

agora.ioに関するお問い合わせはこちらから
スクリーンショット 0001-08-15 13.41.56.png

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?