---
title: {{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}
description: ビデオ通話やライブ配信を簡単に実装できるAgora SDK。Agora.ioのWebRTC SDKで画面（アプリケーション）共有について紹介。
---

[Agora Go Real ](https://jp.vcube.com/sdk/blog)

# [{{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}](https://jp.vcube.com/sdk/blog/implementation-chrome.html)

 作成者: [ブイキューブ](https://jp.vcube.com/sdk/blog/author/v-cube)｜May 19, 2022 4:31:21 AM

## 開発環境

Chrome 85.0.4183.83  
AgoraVideoSDK for Web 3.1.2

## 使用するAPI

```
    createStream(spec: StreamSpec): Stream
    
```

- [公式ドキュメント](https://docs.agora.io/en/Video/screensharing_web?platform=Web)

## 実装内容

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

Copied!

```
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以降より音声共有もできます。詳細は[こちら](https://docs.agora.io/en/Video/screensharing_web?platform=Web#a-name--screenaudioashare-audio)  
・Web SDK v2.6またはChrome72以下の場合は[プラグイン](https://docs.agora.io/en/Video/chrome_screensharing_plugin)が必要です。

## 関連リンク

・[画面共有のドキュメントはありますか？](https://docs.agora.io/en/Video/screensharing_web?platform=Web)  
・[画面共有のサンプルはありますか？](https://github.com/AgoraIO/Advanced-Video/tree/master/Web/Agora-Screen-Sharing-Web-Webpack)  
・[画面共有で、ブラウザ(Chrome)標準の中止ボタンを押した場合、そのイベントをリッスンする方法はありますか？](https://vcube-support.zendesk.com/hc/ja/articles/900001228386)

[そのほか、最新の実装例・サンプルコード記事はこちら](https://qiita.com/v-cube)

[完全な記事を表示](https://jp.vcube.com/sdk/blog/implementation-chrome.html)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "ブイキューブ"
  },
  "dateModified" : "2022-05-19T04:31:21.739Z",
  "datePublished" : "2022-05-19T04:31:21Z",
  "headline" : "Agora.io Chromeで画面（アプリケーション）共有",
  "image" : {
    "@type" : "ImageObject",
    "height" : 782,
    "url" : "https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/solution/sdk/blog/implementation-chrome/implementation-chrome_01.png",
    "width" : 1356
  },
  "mainEntityOfPage" : "https://jp.vcube.com/sdk/blog/implementation-chrome.html",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Agora Go Real"
  }
}
```