Skip to content

Fce 3165/moq web demo#66

Merged
darthez merged 7 commits intomainfrom
fce-3165/moq-web-demo
Apr 27, 2026
Merged

Fce 3165/moq web demo#66
darthez merged 7 commits intomainfrom
fce-3165/moq-web-demo

Conversation

@Karolk99
Copy link
Copy Markdown
Contributor

No description provided.

@linear
Copy link
Copy Markdown

linear Bot commented Apr 21, 2026

@Karolk99 Karolk99 marked this pull request as ready for review April 22, 2026 14:19
Copilot AI review requested due to automatic review settings April 22, 2026 14:19
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new moq-demo web demo app for MoQ livestreaming (publisher + viewer) using Vite + SolidJS + Tailwind, including a custom Vite plugin for inlining AudioWorklet modules.

Changes:

  • Introduce a new SolidJS UI with Streamer and Viewer panels that connect via Fishjam Cloud.
  • Add Vite/Tailwind/TypeScript configuration for building and running the demo.
  • Add a custom ?worklet Vite plugin for bundling and inlining worklet code.

Reviewed changes

Copilot reviewed 11 out of 14 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
moq-demo/package.json Defines demo dependencies and scripts (dev/build/check/format).
moq-demo/yarn.lock Lockfile for deterministic installs of demo dependencies.
moq-demo/vite.config.ts Vite config (Solid plugin, Tailwind, worklet plugin, build/server settings).
moq-demo/vite-plugin-worklet.ts Custom Vite plugin to inline ?worklet imports as blob URLs.
moq-demo/tsconfig.json TypeScript compiler configuration for the demo.
moq-demo/src/vite-env.d.ts Solid JSX typings for custom moq-* elements.
moq-demo/src/index.html Demo HTML entrypoint.
moq-demo/src/index.tsx Solid app bootstrap.
moq-demo/src/index.css Tailwind setup + theme variables/base styles.
moq-demo/src/App.tsx Main layout and stream name input; wires Streamer/Viewer.
moq-demo/src/Streamer.tsx Publisher UI that fetches a token and configures <moq-publish>.
moq-demo/src/Viewer.tsx Subscriber UI that fetches a token and configures <moq-watch>.
moq-demo/README.md Local run instructions and URL format for Fishjam room IDs.
.gitignore Ignores .claude.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread moq-demo/package.json
Comment thread moq-demo/src/index.html Outdated
Comment thread moq-demo/tsconfig.json Outdated
@Karolk99 Karolk99 force-pushed the fce-3165/moq-web-demo branch from de48d15 to 8d03ab6 Compare April 22, 2026 15:56
@Karolk99 Karolk99 requested a review from PiotrWodecki April 22, 2026 15:56
Copy link
Copy Markdown
Member

@PiotrWodecki PiotrWodecki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've placed all of my feedback as file comments so they can be resolved separately. Imho, simply fixing the blocking issue is fine for now. Approving preemptively.

Comment thread moq-demo/vite.config.ts
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

issue (blocking):
Audio has no latency bar despite being enabled and working
Image

Comment thread moq-demo/vite.config.ts
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

issue (if-minor):
This button seems not to work at all
Image

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All of the problems mentioned about the subscriber player are internal problems of the imported player.
They will be addressed in another PR Issue

Comment thread moq-demo/vite.config.ts
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nitpick (non-blocking): No latency bar when playing back from a file

Image

Comment thread moq-demo/vite.config.ts
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nitpick (non-blocking):
Play/pause button could have two states instead of always displaying "play"

Image

@Karolk99 Karolk99 requested a review from czerwiukk April 27, 2026 09:32
Copy link
Copy Markdown
Member

@czerwiukk czerwiukk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

adding my 3 grosze

Comment thread moq-demo/package.json
Comment thread moq-demo/src/Viewer.tsx Outdated
Comment thread moq-demo/src/App.tsx Outdated
Comment thread moq-demo/README.md Outdated
Comment thread moq-demo/src/Viewer.tsx Outdated
@Karolk99 Karolk99 requested a review from czerwiukk April 27, 2026 11:37
Comment thread moq-demo/src/config.ts Outdated
@Karolk99 Karolk99 requested review from czerwiukk and removed request for czerwiukk April 27, 2026 14:13
@darthez darthez merged commit 7ec2128 into main Apr 27, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants