VibeLive Documentation

Examples List

A literal, growable list of runnable examples in /testmd1/apps/. Add new examples by appending one new list item with a link and a short description.

← Back to Docs Hub

Project ID Applied to apps that accept ?pid=

Primary Examples

• helloworld.jsp

  Smallest end-to-end example: init, signup, room create/join, tile registration, and go-live flow, plus a single Go Live / Go Not-Live toggle. Self-contained in one file. Accepts ?pid= to use your own project ID.

• helloworld-core.jsp

  Builds on helloworld: camera/mic/screen-share controls (button labels reflect live SDK state) plus a member-list sidebar showing LIVE / OFFLINE / EXITED (mapped from the SDK's displayStatus), seeded from getMembers() and kept current by presence events. Shares helloworld-shell.jsp.

• helloworld-chat.jsp

  Bare-bones media + members + chat with equal-size tiles and minimal styling — no sessions or transcription. Fully self-contained in one file (inline CSS, no shared stylesheet or shell), so it's easy to drop in as a clean out-of-the-box reference or support repro.

• helloworld-full.jsp

  Everything at once, no toggles: media controls, member roster, chat with room-wide and per-member DM threads, and a past-sessions panel with AI-generated summaries and on-demand transcripts. Shares helloworld-shell.jsp.

Every Hello World app above carries a standard Add Bot header button (a demo-support feature) that spawns a headless test member into the current room via testmd1/api/spawnBot.jsp, so you can see multiple members from a single tab.

Comprehensive Apps

• CloneTiny_June4.jsp

  Richer room UI with dark/light theme, screen share, draggable chat, floating tiles, and full error handling.