npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ep_webrtc

v2.3.18

Published

WebRTC based audio/video chat to Etherpad

Downloads

246

Readme

Publish Status Backend Tests Status

ep_webrtc

WebRTC-based audio/video chat and screen sharing with other users visiting the same pad.

The audio and video streams are peer-to-peer: every user sends a copy of their audio/video streams directly to every other user visiting the same pad. Because of this, it works well for small groups (2 to 4 users, more if video is disabled or everyone has fast Internet connections) but not for large groups.

Installation

  • Option 1: Use the /admin interface, search for ep_webrtc, and click Install.
  • Option 2:
    cd /path/to/etherpad
    npm install --no-save --legacy-peer-deps ep_webrtc
  • Option 3:
    cd /path/to/etherpad/node_modules
    git clone https://github.com/ether/ep_webrtc

Settings

Plugin On/Off

In the settings menu there is a toggle to turn the plugin on and off for the user. When toggled, its state is saved in a cookie and applied when any pad is visited. The value can also be changed by adding av=true or av=false to the URL query parameters.

The default value for this setting can be controlled in the server's settings.json file (it defaults to true):

  "ep_webrtc": {
    "enabled": true
  }

Video/Audio On/Off

The settings menu also contains separate toggles for starting video and audio sharing when the plugin is enabled. When toggled, their state is saved in a cookie and applied when any pad is visited. They can also be changed by adding the following to the URL query parameters:

  • webrtcaudioenabled=true
  • webrtcaudioenabled=false
  • webrtcvideoenabled=true
  • webrtcvideoenabled=false

The default value can be controlled in the server's settings.json file:

  "ep_webrtc": {
    "audio": {
      "disabled": "none"
    },
    "video": {
      "disabled": "none"
    }
  }

Supported values for "disabled":

  • "none" (the default): Initially enabled by default.
  • "soft": Initially disabled by default.
  • "hard": Unavailable (it cannot be enabled).

Custom Activate Button

The misnamed listenClass setting allows you to specify a CSS selector for an element (or elements) that will activate the plugin when clicked. This is usually combined with "enabled": false. Example:

  "ep_webrtc": {
    "enabled": false,
    "listenClass": "#startVideoSessionButton"
  }

ICE (STUN/TURN) Servers

By default, this plugin uses Google's STUN servers. To use custom STUN/TURN servers, set ep_webrtc.iceServers in your settings.json to a list of RTCIceServer objects:

  "ep_webrtc": {
    "iceServers": [
      {"urls": ["stun:stun.l.google.com:19302"]}
    ]
  }

Include a TURN server to support users behind symmetric NAT devices. For example:

  "ep_webrtc": {
    "iceServers": [
      {
        "urls": ["stun:stun.l.google.com:19302"]
      },
      {
        "urls": ["turn:turn.example.com:3478"],
        "username": "the_username",
        "credential": "the_password"
      }
    ]
  }

Ephemeral credentials

To limit abuse, the coturn TURN server supports ephemeral (temporary) usernames and passwords. To take advantage of this feature, configure your TURN entry as follows:

  • credentialType: Must be set to the exact string "coturn ephemeral password".
  • username: Ignored. (The username that will be sent to the TURN server is dynamically generated and based on the user's Etherpad-generated author ID.)
  • credential: Must be set to coturn's static-auth-secret setting.
  • lifetime: How long (in seconds) the password will remain valid after the user visits a pad. After this amount of time, new TURN connections will fail until the user reloads the page (which will generate a new password). Defaults to 43200 (12 hours).

Example:

  "ep_webrtc": {
    "iceServers": [
      {
        "urls": ["stun:stun.l.google.com:19302"]
      },
      {
        "urls": ["turn:coturn.example.com:3478"],
        "credentialType": "coturn ephemeral password",
        "credential": "your_coturn_secret",
        "lifetime": 3600
      }
    ]
  },

There is also support for ephemeral credentials from the Xirsys API:

  • credentialType (required): Must be set to the exact string "xirsys ephemeral credentials".
  • url (required): The desired Xirsys TURN API endpoint.
  • username (required): Your Xirsys username.
  • credential (required): Your Xirsys API secret.
  • lifetime (optional; defaults to 43200 = 12 hours): How long (in seconds) the ephemeral credentials will remain valid after the user visits a pad. After this amount of time, new TURN connections will fail until the user reloads the page (which will generate a new password).

Example:

  "ep_webrtc": {
    "iceServers": [
      {
        "credentialType": "xirsys ephemeral credentials",
        "url": "https://global.xirsys.net/_turn/myChannel",
        "username": "myUsername",
        "credential": "myPassword",
        "lifetime": 3600
      }
    ]
  },

Horizontally scaled TURN servers

To spread load across multiple TURN services, you can enable sharding:

  "ep_webrtc": {
    "iceServers": [
      {"urls": ["stun:shard0.example.com", "turn:shard0.example.com"]},
      {"urls": ["stun:shard1.example.com", "turn:shard1.example.com"]},
      {"urls": ["stun:shard2.example.com", "turn:shard2.example.com"]},
      {"urls": ["stun:shard3.example.com", "turn:shard3.example.com"]},
    ],
    "shardIceServers": true
  },

When shardIceServers is false (the default), all clients receive all RTCIceServer objects in the iceServers list and it's up to the browser to figure out how to use them to connect with peers. When true, this plugin assigns a single entry from iceServers to each pad and gives out only that assigned entry to users that connect to the pad. The intention is to provide a better guarantee of load distribution across a set of TURN servers, and to avoid an unnecessary network hop when both peers are configured to force the use of TURN.

Microphone Settings

The microphone can be configured by setting audio.constraints to any audio constraints value acceptable to client browsers. It has the following default value:

  "ep_webrtc": {
    "audio": {
      "constraints": {
        "autoGainControl": {"ideal": true},
        "echoCancellation": {"ideal": true},
        "noiseSuppression": {"ideal": true}
      }
    }
  },

For a full list of available constraints, see the standard.

Video Sizes

The camera's record resolution can be configured by setting video.constraints to any video constraints value acceptable to client browsers. It has the following default value:

  "ep_webrtc": {
    "video": {
      "constraints": {
        "width": {"ideal": 160},
        "height": {"ideal": 120}
      }
    }
  },

For a full list of available constraints, see the standard.

Changing the record resolution does not change the size of the displayed video widgets. To change the video widget size, set video.sizes.small and/or video.sizes.large:

  "ep_webrtc": {
    "video": {
      "sizes": {
        "small": 200,
        "large": 400
      }
    }
  },

Metrics

You can see metrics for various errors that users have when attempting to connect their camera/microphone:

  • ep_webrtc_err_Hardware: Some sort of hardware-related connection problem on the users' computer.
  • ep_webrtc_err_NotFound: Could not find user's camera/microphone.
  • ep_webrtc_err_Abort: Some sort of other, non-hardware related connection problem on the user's computer.
  • ep_webrtc_err_Permission: User did not grant permission to their camera/microphone.
  • ep_webrtc_err_SecureConnection: Etherpad is not set up on a secure connection, which is requried for WebRTC.
  • ep_webrtc_err_Unknown: Some other unspecified error. Perhaps a bug in this plugin.

Developing and contributing

Basic

If you're just working on the interface and don't need to test connections to other computers, you can point your browser to localhost instead of 0.0.0.0. WebRTC generally requires a secure connection (https), but an exception is made specifically for localhost and domains that end in .localhost.

Developing / Testing Communications

If you need to test communication, you may get away with opening two browser windows to the same URL on localhost. However this may be of limited utility, especially if you're confirming that sound works appropriately. In order to test on two computers, you'll need your dev computer to serve on an IP address accessible from the other computer, at which point you will no longer get away with using localhost. You will need SSL certs, though for dev purposes they can be self-signed.

Generate your certificate, which will give you your cert and key files. In settings.js, set the full path to them on your file system:

  "ssl": {
    "key": "/path-to-your/epl-server.key",
    "cert": "/path-to-your/epl-server.crt"
    // "ca" - not needed for dev purposes
  }

Point your browser to your outward facing IP address, preceeded by https://, and accept the security warning (since this is a self-signed cert).

Bug Reports

Please submit bug reports or patches at https://github.com/ether/ep_webrtc/issues