Agora.io Chromeで画面（アプリケーション）共有

公開日:2022年05月19日

Agora.ioのWebRTC SDKで画面（アプリケーション）共有を実装する際の流れを紹介します。

Githubに公開しています

お役立ち資料ダウンロード

【図解】システム開発のお手伝い

ブイキューブのソリューションアーキテクトが、寄り添います！
各種ライブ配信システムのアーキテクチャについてわかりやすい構成図にてご紹介！

無料ダウンロード

開発環境

Chrome 85.0.4183.83
AgoraVideoSDK for Web 3.1.2

使用するAPI

    createStream(spec: StreamSpec): Stream

公式ドキュメント

実装内容

CreateStreamのscreenをtrueするだけです。

rtc.localStream = AgoraRTC.createStream({
     streamID: rtc.params.uid,
     audio: true,
     video: true,
     screen: true,　 ←ここ
     screenAudio: true
    })

画面

（APPID、Channelを入力してJoinをクリック

画面共有のダイアログ表示時

画面共有時

補足

・Web SDK v3.0以降、Windows Chrome74以降より音声共有もできます。詳細はこちら
・Web SDK v2.6またはChrome72以下の場合はプラグインが必要です。

そのほか、最新の実装例・サンプルコード記事はこちら

ガイドブックダウンロード

【最新版】超低遅延API/SDK「Agora」ガイドブック

通話・配信遅延30-200ms！100万人の視聴対応！未経験者から専門家まで、誰でも読みやすいAgoraのガイドブックをダウンロードしませんか。

無料ダウンロード

執筆者ブイキューブ

Agoraの日本総代理店として、配信/通話SDKの提供だけでなく、導入支援から行い幅広いコミュニケーションサービスに携わっている。

2022年05月19日

Agora.ioでコラボレーション配信の実装

実装例・サンプルコード
Agora
iOS
Android

instagram等でコラボ配信（複数拠点からの配信）をよくみかけるようになりました。 Agora.ioのSDKを用いたコラボ配信については実績が多数あります。

2022年05月19日

Agora.io Voice、Real-time Messaging SDKを利用した実装例（オンラインカラオケ）

実装例・サンプルコード
Agora
Android

※2020年の記事です。 Agora.io VoiceとReal-time Messaging SDKを利用した実装例をご紹介します。

2022年05月19日

AgoraとAmazon Chime SDKの比較

Agora
基礎知識
ライブ配信
ビデオ通話

配信・通話ができるサービスやアプリを検討している中で、配信・通話機能を簡単に追加できる「Agora SDK」と「Amazon Chime SDK」の違いを知りたい方がいるのではないでしょうか。今回は、Agora SDK・Amazon Chime SDKの概要や違い、適した利用ケースをご紹介します。配信規模・開発環境・サポート・APIやオプション機能の違いについても具体的に解説しますので参考にしてください。【こんな方におすすめ】・アプリ開発の技術者・技術選定しているアプリ開発の技術者・配信、通話のサービスやアプリを検討している企画者、技術者・自社のサービスに配信、通話の機能を追加したい企画者、技術者

2022年05月19日

WebRTCで音声ミックス

実装例・サンプルコード
Agora
WebRTC

※2020年の記事です。 Agora.ioのWebRTC SDKで音声ミックスを実装する際の流れをご紹介します。

2022年05月19日

Agora.io SDKと管理システムの連携について

実装例・サンプルコード
Agora
WebRTC

構築するビデオ通話システムによっては管理システム側で保持している名前などの情報を画面に出力するケースがあります。 Agora.ioは基本的に個人情報等をPaaS上に保存しない仕組みになっています。では、どのように保持している情報を連動させるかを解説します。

タグ一覧

Agora.io Chromeで画面（アプリケーション）共有

【図解】システム開発のお手伝い

開発環境

使用するAPI

実装内容

画面

画面共有のダイアログ表示時

画面共有時

補足

関連リンク