以下の用途向け：FLUTTER

Flutter ライブ配信 SDK

Tencent RTCのFlutter Live Streaming SDKでライブ配信を作成できます。AtomicXCoreのビデオウィジェットをルーム状態にバインドし、Dartで独自の配信者・視聴者体験を構築しましょう。

構築を始める Liveデモを見る

開発者向けリソース

Flutter ライブ配信 SDKのドキュメントとサンプル

API リファレンス

Flutter ライブ配信 SDK API を見る。

APIを見るユーザー認証

導入ガイド

Flutter ライブ配信 SDK をインストールし、ユーザーを接続します。

Flutter の導入クイックスタート

サンプルとソース

製品の実際の動作を確認し、その実装方法をご覧ください。

Liveデモを見る Flutter のソースコードを見る

Flutterでの商品ライブデモ

視聴者がクリエイターの商品デモを見ながら会話に参加できます。カタログと購入体験はお使いのアプリケーションで管理します。

ライブショッピングを体験

Flutter でのライブイベント視聴

プレゼンテーションと視聴者を Flutter アプリに取り込みましょう。視聴画面をルームに接続し、ライブイベントを視聴できるようにします。

イベント配信を見る

FLUTTER LIVE の機能

Flutterライブ配信機能

ライブ配信を開始

ホストと視聴者の役割
ルームのライフサイクル管理

人々をつなぐ

ライブ映像再生
視聴者参加

自分らしく仕上げる

柔軟なアプリケーションレイアウト
プラットフォーム固有の構成要素

Flutter Live Streaming API を見る

AtomicXCore のビデオビューとルーム状態を、Flutter の配信者および視聴者向けインターフェースに接続します。

ビデオキャンバス

Flutter Live Video View を追加

AtomicXCore のビデオビューを Flutter レイアウトに配置します。ルームの状態にバインドし、周囲のコントロールとナビゲーションはアプリケーション側で提供します。

ドキュメントを読む

final controller = LiveCoreController.create();
controller.setLiveID(liveID);

LiveCoreWidget(controller: controller);

ライブ配信を開始

Flutter でライブ配信を開始

ホストを認証し、ローカルの音声と映像を準備して、ライブ配信ルームを作成します。メディアビューとルームのライフサイクルには同じルームIDを使用してください。

ドキュメントを読む

final info = LiveInfo(
  liveID: liveID, liveName: 'Studio sessions',
  seatLayoutTemplateID: 600, keepOwnerOnSeat: true,
);
await LiveListStore.shared.createLive(info);

ルームに参加

視聴者をその瞬間へ

同じルーム ID を使用して視聴者を接続します。

ドキュメントを読む

await LiveListStore.shared.joinLive(liveID);

カスタマイズ

Flutterライブインターフェースをカスタマイズ

Flutterアプリのライブ体験を中心に、動画、視聴者との交流、ナビゲーションを構成します。

レイアウト

中心となるビデオキャンバスとルームの状態を軸にインターフェースを構築します。

ドキュメントを読む

始める

Flutterアプリにライブ配信を追加

01
アプリを作成
アプリケーションとテストユーザー向けに Live を有効にします。
Live コンソールを開く
02
Flutter ライブ配信 SDK を追加する
プラットフォームガイドに沿ってプロジェクトを接続します。
統合ガイドに従う
03
最初のルームに接続
一方のアカウントで配信し、もう一方で視聴します。
認証を設定

Flutter Live SDK

flutter pub add atomic_x_core

import 'package:atomic_x_core/atomicxcore.dart';

await LoginStore.shared.login(
  sdkAppID: SDKAppID, userID: userID, userSig: userSig,
);

Flutter ライブ配信 SDK のよくある質問

Flutter Live Streaming SDK には動画ビューが含まれていますか？

Flutter Live Streaming SDKには、AtomicXCoreのビデオビューとルーム状態APIが含まれます。これらのビューを利用する配信者・視聴者向けインターフェースはアプリ側で用意します。既製の画面を使う場合はTUILiveKitを選択してください。

このSDKはUI Kitとどのように連携しますか？

SDK API を使用して独自のインターフェースを構築できます。既製の画面とコントロールが必要な場合は UI Kit を選択してください。

Flutter ライブ配信 UI Kit

配信前に何を設定する必要がありますか？

Liveサービスを有効にし、ホストを認証して、カメラとマイクへのアクセスをリクエストします。同じライブのルームIDをメディアビューとルームライフサイクルの呼び出しに関連付けます。

Flutter Live Streaming SDKのユーザーを認証するにはどうすればよいですか？

サーバー上で UserSig を作成し、独自のサインインフローが完了した後にクライアントへ渡します。アプリケーションシークレットは常にサーバー上に保持してください。

認証ガイドを読む

Flutter Live Streaming SDK は無料で使用できますか？

インターフェースとホステッド Live サービスでは役割が異なります。アプリケーション向けにサービスを有効化し、現在のプラン、機能の提供状況、利用料金を確認してください。

Liveの料金を見る

Dart で Flutter ライブ配信 SDK を導入するには？

文書記載の Flutter パッケージをインストールし、対象ごとにネイティブプロジェクトを設定します。iOS と Android の動作と合わせてウィジェットのライフサイクルをテストしてください。

プラットフォームガイドを読む

アプリのリリース前に Flutter ライブ配信 SDK をテストするには？

配信者・視聴者の役割、対応する配信・再生イベント、再接続をテスト。

プラットフォームガイドを読む

Flutter ライブ配信 SDK のインターフェースをカスタマイズするには？

対応する配信者・視聴者 API で独自画面を構築。コマース、チケット、再生権限フローはアプリが担当。

プラットフォームガイドを読む

Flutter Live の導入サポート

統合に関する質問

Flutter ライブ配信 SDK のセットアップに関するヘルプをご覧ください。

開発者向けドキュメントを表示

アプリケーションについて相談

製品、想定利用量、統合要件についてご相談ください。

営業担当者への連絡

Flutterアプリにライブ配信を導入

Flutter Live Streaming SDKと各プラットフォーム向けガイドで、クリエイターと視聴者をつなぎます。

無料で始める SDK ガイドを見る

Flutter ライブ配信 SDK

Flutter ライブ配信 SDKのドキュメントとサンプル

API リファレンス

導入ガイド

サンプルとソース

Flutterでの商品ライブデモ

Flutter でのライブイベント視聴

Flutterライブ配信機能

ライブ配信を開始

人々をつなぐ

自分らしく仕上げる

Flutter Live Streaming API を見る

Flutter Live Video View を追加

Flutter でライブ配信を開始

視聴者をその瞬間へ

Flutterライブインターフェースをカスタマイズ

レイアウト

視聴者とのインタラクション

Flutterアプリにライブ配信を追加

アプリを作成

Flutter ライブ配信 SDK を追加する

最初のルームに接続

Flutter ライブ配信 SDK のよくある質問

Flutter Live Streaming SDK には動画ビューが含まれていますか？

このSDKはUI Kitとどのように連携しますか？

配信前に何を設定する必要がありますか？

Flutter Live Streaming SDKのユーザーを認証するにはどうすればよいですか？

Flutter Live Streaming SDK は無料で使用できますか？

Dart で Flutter ライブ配信 SDK を導入するには？

アプリのリリース前に Flutter ライブ配信 SDK をテストするには？

Flutter ライブ配信 SDK のインターフェースをカスタマイズするには？

Flutter Live の導入サポート

統合に関する質問

アプリケーションについて相談

Flutterアプリにライブ配信を導入