Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Add a live camera preview during the media preflight

Abierto
  • ¿Algo no está bien?
#414 2 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@ChenYingHan1121 ya está trabajando en esto.

Desde el 21/10/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

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.

Lenguaje dominante
Rust
Estrellas
177
Forks
100
Merge medio
1 d 8 h
PR fusionados (30 d)
168

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de sysprog21/codetrial

Todos los issues de sysprog21/codetrial

Issues similares

Más issues de Rust

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.