https://github.com/mconf/bigbluebutton-plugin-media-popout

Option to open camera and screenshare videos to a new window.
https://github.com/mconf/bigbluebutton-plugin-media-popout

Last synced: 20 days ago
JSON representation

Option to open camera and screenshare videos to a new window.

• Host: GitHub
• URL: https://github.com/mconf/bigbluebutton-plugin-media-popout
• Owner: mconf
• License: lgpl-3.0
• Created: 2024-08-09T16:36:30.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-11T16:20:29.000Z (4 months ago)
• Last Synced: 2024-11-26T22:34:24.504Z (about 1 month ago)
• Language: TypeScript
• Size: 2.55 MB
• Stars: 0
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# Media Popout Plugin

## Description

This plugins adds a button in the top right corner of Webcams and Screenshare to allow the video stream to be opened in a new window.

![Gif of plugin demo](./public/assets/plugin.gif)

## Running the Plugin From Source Code

1. Start the development server:

```bash

npm install

npm start

```

2. Add this to the `settings.yml` of the BBB HTML5-client:

```yaml

public:

  plugins:

    - name: MediaPopoutPlugin

      url: <>

```

## Building the Plugin

To build the plugin for production use, follow these steps:

```bash

npm install

npm run build-bundle

```

The above command will generate the `dist` folder, containing the bundled JavaScript file named `MediaPopoutPlugin.js`. This file can be hosted on any HTTPS server.

Alternatively, you can host the bundled file on the BigBlueButton server by copying dist/TourPlugin.js to the folder /var/www/bigbluebutton-default/assets/plugins. In this case, the <> will be https:///plugins/MediaPopoutPlugin.js.

## Background

BigBlueButton added supports for plugins in 2024 with BBB 3.0.

Check the official [documentation website](https://docs.bigbluebutton.org) for more information.

This plugin repository was created using the plugin [template repository for BigBlueButton](https://github.com/bigbluebutton/plugin-template) hosted on GitHub.