Record Your Video
Use the Recorder App to capture your video or screen.
The app records audio and video directly in your browser and produces a
webm file.
session1.webm
Transcribe Using Whisper UI
Once you have your webm file, feed it to
Whisper UI CLI.
This Node.js tool runs a local server and provides an interactive web interface (built with TailwindCSS + Monaco Editor) to view and edit your Whisper-generated transcription.
⚙️ Example command:
npx mc-whisper-ui -v session1.webm -p 4000
The UI opens at http://localhost:4000, showing your video and editable transcript side by side.
Evaluate with Rubric Scorer CLI
After editing your transcription, use the Rubric Scorer CLI to evaluate your text against a custom rubric using AI. It provides detailed scoring and feedback, ideal for educators, evaluators, or trainers.
⚙️ Example command:
npx rubric-scorer-cli score -t transcript.txt -r rubric.txt -m ollama --model-name llama3.2:latest
📊 The tool generates score report with detailed AI feedback.
🔁 End-to-End Flow
graph TD
A[🎤 Recorder App
Produces .webm file] --> B[🧠 Whisper UI CLI
Transcribes to text]
B --> C[📄 Transcript Editor Web UI
Video + Monaco Editor]
C --> D[⚙️ Rubric Scorer CLI
AI evaluates and scores text]
D --> E[📊 Scored Report
JSON / CSV / Feedback]
style A fill:#6366f1,stroke:#4f46e5,stroke-width:2px
style B fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px
style C fill:#a855f7,stroke:#9333ea,stroke-width:2px
style D fill:#d946ef,stroke:#c026d3,stroke-width:2px
style E fill:#ec4899,stroke:#db2777,stroke-width:2px