Paneorama

A screen pane manager for streaming

https://paneorama.manaten.app/

Paneorama is a web-based screen capture management tool designed for presenters using Screen Capture API. It allows you to capture multiple screens or windows simultaneously and manage them in a flexible, drag-and-drop interface.

✨ Features

🖥️ Multi-Screen Capture

• Capture multiple screens, windows, or browser tabs simultaneously
• Each stream runs independently with its own controls

🎨 Visual Management

• Drag & Resize: Freely position and resize capture windows
• Layer Control: Adjust stacking order with intuitive up/down buttons

🚀 Getting Started

Prerequisites

• Modern web browser with Screen Capture API support (Chrome, Edge, Firefox)

🎮 How to Use

Basic Operations

1. Add Screen Capture

   • Click the + button or hover over the main area
   • Select the screen, window, or tab you want to capture
   • The new capture appears as a draggable window

2. Manage Captures

   • Drag: Click and drag to reposition
   • Resize: Drag corners/edges to resize
   • Layer Control: Use ↑/↓ buttons to change stacking order
   • Switch Source: Use the switch button to change capture source
   • Close: Use the ✕ button to remove

📝 Development

Installation

1. Clone the repository:

git clone https://github.com/manaten/paneorama.git
cd paneorama

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open http://localhost:3000 in your browser

Production Build

npm run build
npm start

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.