開発者向けリソース
Electron ライブ配信 UI Kitのドキュメントとサンプル
スタジオをWeb視聴者につなぐ
デスクトップ配信スタジオと視聴者向け実装を組み合わせます。制作コントロールはデスクトップに置き、視聴コントロールは視聴者向けアプリに配置してください。
ELECTRON LIVE の機能
Electron ライブ配信機能
シーンを構築
- カメラと画面のソース
- 画像とウィンドウの入力
番組を準備
- 配信開始前にプレビュー
- ソースレイアウトを構成
ライブ配信を開始
- デスクトップ制作ワークフロー
- 視聴者クライアントを接続
Electron Live Studioを見る
メディアソースやシーンレイアウトを設定し、プレビューを確認してからデスクトップ配信を開始します。
公式スタジオから始める
Electron サンプルを基盤として、デスクトップ配信ワークフローを構築します。
ドキュメントを読むgit clone https://github.com/Tencent-RTC/ultra-live-electron.gitデスクトップを配信スタジオに
アプリケーションを設定する前に、プロジェクトの依存関係をインストールしてください。
ドキュメントを読むcd ultra-live-electron
npm install始める
Electronライブストリーミングスタジオを構築
- 01
- 02
- 03
git clone https://github.com/Tencent-RTC/ultra-live-electron.gitcd ultra-live-electron
npm install
npm run startElectron ライブ配信 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 サンプルを設定できません。

