Web keystroke logging with webcam eye-tracking

Link writing bursts, pauses, and revisions with gaze data directly in the browser. A free, open-access tool designed for L1/L2 writing research.

Developed by Aitor Garcés-Manzanera Browser-native workflow No participant installation Ethics-oriented data handling

Session scope

  • Keystrokes + gaze coordinates in sync.
  • Short 5-point webcam calibration.
  • Suitable for pattern-level analysis.

Academic authorship

Academic authorship

Aitor Garcés-Manzanera (University of Murcia) is the creator and lead developer of TypeFlow Eye, developed as part of the TypeFlow academic research tools.

Concept

Bridge the gap between
typing and gazing

TypeFlow Eye brings eye-tracking out of the lab and into the browser. By leveraging standard webcams, we allow researchers to approximate gaze position without expensive hardware, democratizing access to multimodal process data.

Features

Key Features

Built on the robust TypeFlow keystroke logging engine.

Browser-based Tracking

Runs entirely in Chrome, Firefox, or Edge using WebGazer technology. No software installation needed for participants.

Integrated Excel Export

Get a single workbook with synchronized sheets: keystroke logs, raw gaze samples, fixation clusters, and linear text reconstruction.

Synchronized Timeline

Every keystroke, pause, and focus event is timestamped alongside gaze coordinates, enabling temporal process analysis.

Writing Specific Metrics

Designed for L1/L2 research. Calculate lookback frequencies and fixation duration during specific writing phases.

TypeFlow Eye + Replay Studio

Eye tracking and keystroke logging, replayed together

This example was recorded with TypeFlow Eye, which synchronizes webcam-based eye tracking with keystroke logging. Replay Studio then reconstructs the session so gaze, pauses, revisions and the evolving text can be examined in sequence.

Explore Replay Studio
TypeFlow Eye session: webcam eye tracking synchronized with keystroke logging · 1 min 25 sec
Applications

For Research & Teaching

Appropriate for pattern-level analyses and condition comparisons.

Research Projects

Study process behavior without the lab:

  • How often do writers look back at earlier text?
  • Gaze patterns during long pauses vs. fluid typing.
  • Compare multimodal vs. monomodal writing conditions.
  • Note: Not for fine-grained oculomotor modeling.

Teaching & Training

Visualize attention for students:

  • Show students their own attention distribution.
  • Support stimulated recall sessions with objective data.
  • Demonstrate the non-linear nature of the writing process.
Workflow

How It Works

Zero setup friction. From URL to data in three steps.

1

Calibrate

Participants access the URL and complete a brief 5-point calibration using their webcam.

2

Write

They complete the writing task. Keystrokes and gaze are recorded silently in the background.

3

Export

Download the .xlsx workbook containing merged logs, ready for analysis in R or SPSS.

Ethics

Privacy & Ethics First

We believe in open science and ethical data collection.

Local Execution

All processing happens in the browser. Video is never streamed to a server.

No Tracking

No third-party cookies, ads, or fingerprinting. Just the tool you need.

Responsible Data

Researchers must follow local ethics rules. Data stays with you.

Access

Ready to explore multimodal writing?

TypeFlow Eye is free for research and teaching. Run a pilot today to see if webcam tracking fits your study design.