ブイキューブトップ
03-6845-0775平日10:00〜18:00受付
無料ガイド お問い合わせ

2022年05月19日

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

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以下の場合はプラグインが必要です。

関連リンク

・画面共有のドキュメントはありますか？
・画面共有のサンプルはありますか？
・画面共有で、ブラウザ(Chrome)標準の中止ボタンを押した場合、そのイベントをリッスンする方法はありますか？

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

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

【すぐ読める！ガイドブック】ビデオ通話・ライブ配信SDK「Agora」

【大充実】通話・配信SDK「Agora」ガイドブック

通話・配信サービス開発や、配信技術のリプレイスを検討中の方、必見の内容です。
Agora SDKの特徴から活用例まで徹底解説！

無料ダウンロード
ブイキューブ

執筆者ブイキューブ

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

関連記事

2022年05月13日

Agora.io VideoSDKの画面共有(ScreenSharing)実装例（その1）

  • 実装例・サンプルコード
  • Agora
  • WebRTC
※2020年の記事です。 現在、Agora.io VideoSDK 画面共有（ScreenSharing）については、サンプルが用意されています。 上記サンプルは、Joinボタンクリック時に画面共有（ScreenSharing）ダイアログが表示され、キャンセルするとleaveします。 今回は、(Joinしたまま)leaveせずに画面共有ダイアログを何度も表示できるサンプルに改造します。 Githubに公開しています　

2022年05月13日

Agora.io VideoSDKの画面共有(ScreenSharing)実装例（その2）

  • 実装例・サンプルコード
  • Agora
  • WebRTC
※2020年の記事です。 現在、Agora.io VideoSDK 画面共有（ScreenSharing）については、サンプルが用意されています。 上記サンプルには、画面共有（ScreenSharing）と映像を両方表示するように実装されていないため、今回は、両方を表示できるサンプルに改造します。 Githubに公開しています。

2022年05月16日

Agora.io RENDERモード (映像表示モード) について

  • 実装例・サンプルコード
  • Agora
  • Android
Agora.io の VideoSDK for Native では、RENDERモードという機能により、画面上の映像表示設定をすることができます。 本記事では、Androidを利用して、本機能の利用方法および各モードの映像表示を説明します。

2022年05月13日

Agora.io VideoSDK for Unity ビデオ通話実装例

  • 実装例・サンプルコード
  • Agora
Agora.io に VideoSDK for Unity が公開されています。 Unity とは Unity Technologies が開発しているマルチプラットフォーム対応のゲームエンジンです。 Unity プロジェクトに VideoSDK を組み込むことで iOS/Android/MacOSX/Windows のアプリ開発が可能となります。 ※ 開発には C# でのコーディングが必要となります。 この記事では、チャンネル入室や映像表示といった基本的な機能がどのようにして実装できるか、VideoSDK のサンプルデモを使って紹介します。 ※ VideoSDK および Unity にあまり馴染みのない方は、予めクイックスタートガイドを読んでおくことをお勧めします。

2022年05月13日

WebRTCでスマホのカメラ切り替え(前面-背面)

  • 実装例・サンプルコード
  • Agora
  • WebRTC
Agora.io WebSDKを利用したスマホのカメラ切り替えの説明です。 サンプルコードはこちらにあります。 基本的に映像Trackを切り替える事で実現可能ですが、一部Android(HUAWEIやSamsung）で正常に動作しない場合があるので2種類記載します。
Agora 勉強会 好評実施中！ご参加はこちら

    タグ一覧

    人気記事

    2022年05月19日

    【入門】WebRTCとは？一般的な仕組み・サーバー構成を解説（シグナリング/TURN/SFU）

    2022年05月19日

    HLS（HTTP Live Streaming）とは？概要・仕組み・課題など

    2022年07月08日

    レイテンシー（レイテンシ）とは？ ネットワークの役割と低遅延の手法

    2023年02月07日

    ジッター（ジッタ）とレイテンシー（レイテンシ）：違い・原因・解決方法

    2022年05月19日

    WebRTCの商用サービスまとめ｜Amazon Chime, Agora, twilio, SkyWay など

    新着記事

    2024年04月23日

    2024年のテクノロジートレンド：音声からリアルタイム文字起こしについての未来を探る

    2024年04月09日

    TENCENT CLOUD DAY JAPAN 2024 イベントレポート

    2024年04月05日

    【2024年版】動画配信の未来: 市場動向と成功戦略への完全ガイド

    2024年03月18日

    視聴者の反応から学ぶ生成AIアバター活用法: ライブ配信で魅せる新時代の表現

    2024年03月15日

    Tencent Cloudコンテンツ生成AIを用いたライブギフトの実現方法

    先頭へ戻る