Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add a live camera preview during the media preflight

Chiusa
  • Qualcosa non va?
#414 2 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@ChenYingHan1121 ci sta già lavorando.

Dal 21/10/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

Problem

During the media preflight ("Check your setup"), candidates can verify whether their camera is working, but they cannot see their own camera feed.

This makes it difficult to check camera framing, face position, and lighting before starting an interview.

A live camera preview, similar to the pre-join screen in Google Meet, would help candidates adjust their camera setup before entering the interview.

Proposed Improvement

Add a live camera preview to the Camera section of the media preflight.

The preview should:

  1. Display the candidate's camera feed after camera access is granted.
  2. Use a mirrored view to make adjusting camera position more intuitive.
  3. Reuse the existing camera track without requesting a second camera stream.
  4. Hide or clear the preview when the camera is unavailable, disabled, or skipped.
  5. Preserve the existing face-presence detection behavior.
  6. Be visible only during the media preflight, not during the interview itself.

Technical Investigation

The existing implementation already obtains and uses the camera stream for face-presence detection.

In web/face-check.js, createFaceCheck() attaches the active camera track to a hidden video element:

video.srcObject = new MediaStream([trackOf()]);
await video.play?.().catch(() => {});

In web/interview.html, the video element is:

<video
  id="camera-integrity-video"
  class="hidden-media"
  muted
  playsinline
></video>

This suggests that the preview could reuse the existing camera track without another getUserMedia() call.

A separate visible video element may help keep the preview independent of the face-presence detection element.

Relationship to Existing Work

Related to #141 and PR #143.

Issue #141 focuses on displaying the candidate's webcam during the interview.

This proposal is specifically for the pre-interview media preflight ("Check your setup"), allowing candidates to adjust their camera framing and lighting before starting.

The preview would be limited to the preflight stage and would reuse the existing camera track without interfering with face-presence detection.

I understand that this is related to the existing webcam preview work, and I would appreciate confirmation that it is appropriate to track separately.

Question

Would this preflight-only camera preview be a useful addition to CodeTrial?

If the proposed scope is acceptable, I would be happy to implement it and add browser regression tests.

Lingua principale
Rust
Stelle
177
Fork
100
Merge medio
1g 11h
PR unite (30g)
182

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di sysprog21/codetrial

Tutte le issue di sysprog21/codetrial

Issue simili

Altre issue su Rust

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.