以下の用途向け:ELECTRON

Electron ライブ配信 UI Kit

Tencent RTCのElectron Live Streaming UI Kitでデスクトップ配信スタジオを構築します。カメラ、画面、画像の各ソースを配置し、レイアウトをプレビューしてから配信を開始できます。

開発者向けリソース

Electron ライブ配信 UI Kitのドキュメントとサンプル

Electron でライブイベントを制作

デスクトッププレビューでカメラと画面のソースを組み合わせます。配信開始前にライブプレゼンテーションのレイアウトを準備します。

スタジオをWeb視聴者につなぐ

デスクトップ配信スタジオと視聴者向け実装を組み合わせます。制作コントロールはデスクトップに置き、視聴コントロールは視聴者向けアプリに配置してください。

ELECTRON LIVE の機能

Electron ライブ配信機能

シーンを構築

  • カメラと画面のソース
  • 画像とウィンドウの入力

番組を準備

  • 配信開始前にプレビュー
  • ソースレイアウトを構成

ライブ配信を開始

  • デスクトップ制作ワークフロー
  • 視聴者クライアントを接続

Electron Live Studioを見る

メディアソースやシーンレイアウトを設定し、プレビューを確認してからデスクトップ配信を開始します。

Studioプロジェクト

公式スタジオから始める

Electron サンプルを基盤として、デスクトップ配信ワークフローを構築します。

ドキュメントを読む
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git

カスタマイズ

Electron配信スタジオをカスタマイズ

配信に必要なカメラ、画面、画像ソースをデスクトップレイアウトに配置します。

独自のビジュアルアイデンティティ

プラットフォームで利用できるカスタマイズオプションを使用して、表示を調整します。

ドキュメントを読む

始める

Electronライブストリーミングスタジオを構築

  1. 01

    アプリを作成

    アプリケーションとテストユーザー向けに Live を有効にします。

    Live コンソールを開く
  2. 02

    Electron ライブ配信 UI Kit を追加する

    プラットフォームガイドに沿ってプロジェクトを接続します。

    統合ガイドに従う
  3. 03

    最初のルームに接続

    サンプルを設定し、ソースを追加して、配信をプレビューします。

    認証を設定
Electron Live UI Kit
ターミナル
git clone https://github.com/Tencent-RTC/ultra-live-electron.git
Terminal
cd ultra-live-electron
npm install
npm run start

Electron ライブ配信 UI Kit のよくある質問

Electron Live Streaming UI Kitは視聴者向けアプリですか、それとも配信スタジオですか?

Electron Live Streaming UI Kitは、複数のメディアソースとレイアウト制御に対応したデスクトップ配信スタジオです。視聴者向けの実装と組み合わせることで、生成されたライブ配信を視聴できます。

インターフェースを試す前に何が必要ですか?

Liveサービスを有効にし、有効なUserSigでサインインします。ネイティブ権限やブラウザのHTTPS要件を含むプラットフォームガイドの手順を完了し、ホスト用と視聴者用の別々のアカウントでテストしてください。

Electron Live Streaming UI Kitのユーザーを認証するにはどうすればよいですか?

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

Electron Live Streaming UI Kitは無料で使用できますか?

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

Electron で Electron ライブ配信 UI Kit を導入するには?

デスクトップパッケージとネイティブ依存要件に従い、パッケージ化アプリでデバイスアクセス、ウィンドウ変更、リソース解放をテスト。

アプリのリリース前に Electron ライブ配信 UI Kit をテストするには?

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

Electron ライブ配信 UI Kit のインターフェースをカスタマイズするには?

ultra-live-electron のデスクトップ配信スタジオのソースと、メディアソースの配置をカスタマイズします。例えば、小さいカメラ映像の背面に画面キャプチャを配置し、スタジオのコントロールで各ソースを移動、サイズ変更、回転、並べ替えできます。ドキュメントのデモは Windows 10 以降に対応し、配信機能のみを提供します。視聴者向けの体験は別途構築または統合してください。React や Vue のブラウザー UI Kit のテーマ props では、この Electron サンプルを設定できません。

Electron Live の導入サポート

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

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

営業担当者への連絡

Electron 配信スタジオを作成

Electron Live Streaming UI Kit プロジェクトから始めて、初回の配信を準備しましょう。