Customizing Web Guest & Web Preview Pages

Overview

The Web Guest and Web Preview pages are React-based frontend applications hosted within the signaling server’s Docker image. These pages provide the in-browser interfaces for guests and operators to join and interact in a duplex communication session.

You can find the source code in the Docker image at:

.\webguest2\webguest2\public

To customize these pages, modify the React source code and rebuild the application.

 Getting Started

1. Download the Source Code

Download the web page source code  and place it in your project workspace.

2. Install Dependencies

yarn install

3. Run in Development Mode

yarn start

• Launches the app in development mode
• Opens in browser: http://localhost:3000
• Auto-reloads on changes
• Console shows lint/runtime errors

4. Run Tests (Optional)

yarn test

Launches the test runner in interactive watch mode.

5. Build for Production

yarn build

• Creates an optimized production build in the /build folder
• Assets are minified and hashed for caching
• Ready for deployment

Advanced: Ejecting from Create React App

If you need full control over build tools like Webpack or Babel, run:

yarn eject

Note: This action is permanent — once ejected, you cannot revert!

This will copy all config files and dependencies into your project folder for full customization.

Deployment

After building, deploy the contents of the /build folder to the signaling server’s Docker container directory:

.\webguest2\webguest2\public

Restart the Docker container to apply changes.

 Learn More

• React Official Documentation
• Create React App Guide
• Yarn CLI Reference

Need Help?

If you have questions or run into issues, contact our support team or open a ticket in the developer support portal.