https://github.com/bigbluebutton/bbb-plugin-picture-in-picture
https://github.com/bigbluebutton/bbb-plugin-picture-in-picture
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/bigbluebutton/bbb-plugin-picture-in-picture
- Owner: bigbluebutton
- License: lgpl-3.0
- Created: 2025-04-25T19:13:58.000Z (about 1 year ago)
- Default Branch: v0.0.x
- Last Pushed: 2026-04-21T19:49:15.000Z (about 1 month ago)
- Last Synced: 2026-04-21T21:37:25.175Z (about 1 month ago)
- Language: TypeScript
- Size: 1.11 MB
- Stars: 3
- Watchers: 2
- Forks: 8
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Repository of a plugin for BigBlueButton
## Description
A plugin that starts up a picture-in-picture window with webcams and screen sharing in the session.

## Building the Plugin
To build the plugin for production use, follow these steps:
```bash
cd $HOME/src/bbb-plugin-picture-in-picture
npm ci
npm run build-bundle
```
The above command will generate the `dist` folder, containing the bundled JavaScript file named `BbbPluginPictureInPicture.js`. This file can be hosted on any HTTPS server along with its `manifest.json`.
If you install the Plugin separated to the manifest, remember to change the `javascriptEntrypointUrl` in the `manifest.json` to the correct endpoint.
To use the plugin in BigBlueButton, send this parameter along in create call:
```
pluginManifests=[{"url":"/path/to/manifest.json"}]
```
Or additionally, you can add this same configuration in the `.properties` file from `bbb-web` in `/usr/share/bbb-web/WEB-INF/classes/bigbluebutton.properties`
## Development mode
As for development mode (running this plugin from source), please, refer back to https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk section `Running the Plugin from Source`