Skip to content

Latest commit

 

History

History
 
 

Agora-Screen-Sharing-Web-Webpack

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
public
public
 
 
scripts
scripts
 
 
src
src
 
 
.eslintignore
.eslintignore
 
 
.eslintrc.js
.eslintrc.js
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
README.zh.md
README.zh.md
 
 
index.html
index.html
 
 
package.json
package.json
 
 

README.md

Agora-Screen-Sharing-Web-Webpack - Webpack

English | 中文

This tutorial shows you how to quickly create ScreenSharing using the Agora sample app.

The small demo contains following features:

  • Join/Leave Channel
  • Start/Stop ScreenSharing
  • Select Media Device

Prerequisites

  • nodejs LTS
  • web browser

Quick Start

This section shows you how to prepare, and run the sample application.

Obtain an App ID

To build and run the sample application, get an App ID:

  1. Create a developer account at agora.io. Once you finish the signup process, you will be redirected to the Dashboard.
  2. Navigate in the Dashboard tree on the left to Projects > Project List.
  3. Save the App ID from the Dashboard for later use.
  4. Generate a temp Access Token (valid for 24 hours) from dashboard page with given channel name, save for later use.

Install dependencies and integrate the Agora Video SDK

  1. Using the Terminal app, enter the install command in your project directory. This command installs libraries that are required to run the sample application. 
    # install dependencies
npm install
  2. Start the application by entering the run dev or run build command. The run dev command is for development purposes. 
    # serve with hot reload at localhost:8080
npm run dev
    The run build command is for production purposes and minifies code. 
    # build for production with minification
npm run build
  3. Your default browser should open and display the sample application, as shown here. Note: In some cases, you may need to open a browser and enter http://localhost:8080 as the URL.

Contact Us

  • For potential issues, take a look at our FAQ first
  • Dive into Agora SDK Samples to see more tutorials
  • Take a look at Agora Use Case for more complicated real use case
  • Repositories managed by developer communities can be found at Agora Community
  • You can find full API documentation at Document Center
  • If you encounter problems during integration, you can ask question in Stack Overflow
  • You can file bugs about this sample at issue

License

The MIT License (MIT)