From 9b800cc8910b46e3ce229549aa2ae31da256efdd Mon Sep 17 00:00:00 2001 From: hussain-khalid Date: Sun, 2 Jun 2024 15:19:11 +0500 Subject: [PATCH] updates --- .../project-implementation/web.mdx | 63 +++---------------- 1 file changed, 8 insertions(+), 55 deletions(-) diff --git a/shared/video-sdk/develop/screen-sharing/project-implementation/web.mdx b/shared/video-sdk/develop/screen-sharing/project-implementation/web.mdx index 744407598..01ad5c66a 100644 --- a/shared/video-sdk/develop/screen-sharing/project-implementation/web.mdx +++ b/shared/video-sdk/develop/screen-sharing/project-implementation/web.mdx @@ -7,71 +7,24 @@ This section shows you how to implement in your Web SDK supports on Chrome 58 and higher with or without using a extension. +The Web SDK supports on Chrome 58 and higher with or without using a extension. - - +The Web SDK supports on Chrome version 58 and above. You can follow these steps to share your screen. - -This method requires Chrome 74 or above. If the version you are targeting does not meet this requirement, use the extension to share the screen. - +Call `createScreenVideoTrack` to create a track. -Call `createScreenVideoTrack` directly to create a track. +This method requires Chrome 74 or above. If you are using an older version, please use the screen sharing plug-in to share the screen on Chrome. - -{`AgoraRTC.createScreenVideoTrack({ +```javascript +AgoraRTC.createScreenVideoTrack({ // Configure screen sharing encoding parameters, see API documentation for details encoderConfig: "1080p_1", // Set the video transmission optimization mode to prioritize quality ("detail"), or smoothness ("motion") optimizationMode: "detail" }).then(localScreenTrack => { /** ... **/ -});`} - - - - - -Take the following steps to download and set up the screen sharing extension: - -1. Download the [ Chrome plug-in](http://download.agora.io/sdk/release/chrome-extension.zip) and unzip the package: - - ![Chrome Extension](/images/video-sdk/chrome-plugin-step1.png) - -1. Open the `manifest.json` file and add your web page domain name. For example, if you use `localhost`, add `*://localhost/*` to the `matches` field: - - - {`"matches": [ - "*://localhost/*", - "*://*.agora.io/*", - "*://webdemo.agora.io/*", - "*://webdemo.agorabeckon.com/*", - "*://videocall.agora.io/*" - ]`} - - -1. Open your Chrome browser, click the settings button in the upper right corner of the screen, select **Extensions** > **Manage Extensions**. The extension page opens. - -1. On the extensions page, enable **Developer mode**. - -1. Click **Load unpacked** to load the unzipped extension. Navigate to the `chrome-extension` folder you just unzipped, and click **Select**. A message appears, indicating that the extension has been loaded. - -1. After installing the extension, find its ID directly on the extension page. You use this ID to configure the extension from your code: - - ![Extension Id](/images/video-sdk/extension-id-step3.png) - -1. Use the extension ID to specify the `extensionId` parameter when creating the screen video track. - - - {`AgoraRTC.createScreenVideoTrack({ - extensionId: 'minllpmhdgpndnkomcoccfekfegnlikg', - }).then(localScreenTrack => { - /** ... **/ - });`} - - - - +}); +``` #### Share audio