Skip to content

shelfio/ai-video-interview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

AI Video Interview

A minimal static landing page that embeds an interactive video interview room inside an iframe. The page expects an interview platform URL passed in via the ?room= query parameter and forwards camera and microphone permissions to the embedded experience.

Features

  • Responsive full-screen layout with centered content container.
  • Dynamic iframe creation that decodes a room query parameter at load time.
  • Automatic messaging that guides candidates when the interview room is missing or still loading.

Getting Started

This project is a plain HTML file, so you can open it directly in a browser or host it on any static site provider.

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, Edge) with camera and microphone access.
  • A valid interview platform URL that supports embedding.

Quick Start

  1. Clone or download this repository.
  2. Open index.html locally in a browser.
  3. Append a URL-encoded interview room link using the room query parameter:
    file:///path/to/index.html?room=https%3A%2F%2Fexample.com%2Finterview%2Froom123
    
  4. Grant camera and microphone permissions when prompted.

Configuration

  • room URL: The iframe source is set from the decoded room query parameter. Ensure that the target interview service allows embedding on the domain that will host this page.
  • Permissions: The iframe is granted camera, microphone, autoplay, and clipboard permissions. Adjust the iframe.allow attribute in index.html if your platform requires additional capabilities.

Deployment

Because this is a single HTML file, you can deploy it by uploading index.html to any static hosting solution (e.g., GitHub Pages, Netlify, Vercel, S3, or an internal web server). Make sure the final URL preserves query parameters when distributing interview links.

Development

To modify the layout or messaging:

  • Update the inline CSS in index.html to change colors, spacing, or fonts.
  • Modify the status text elements (the #status div) to customize candidate guidance.
  • Extend the JavaScript snippet to handle additional query parameters or fallback behavior.

License

This repository does not include an explicit license. Add one if you plan to share or distribute the code publicly.

About

Public AI Video Interview page

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages