For each tracked video you'll mark the moment the barrier between
+ the two halves of the arena is removed and the flies start interacting.
+ That timestamp is what every downstream "post-opening" analysis needs.
+
+
How to annotate one video
+
+
Drag the seekbar to the end of the video and check
+ whether all ROIs are open or only the upper or lower half.
+ This determines which button you'll click later.
+
+
Drag back toward the beginning to roughly find
+ the moment the barrier(s) lift. The opening can be anywhere from a
+ few seconds to several minutes in.
+
+
Use the arrow keys to pin down the exact frame:
+ ←/→ jump ±5 s, Shift+arrow jump ±30 s.
+ Pause the player on the opening frame.
+
+
Click the button matching what opened — the
+ playhead time is recorded, ROI inclusion is set accordingly, and
+ the next video loads automatically.
+
+
+
The three buttons
+
+ All barriers open — every ROI usable
+ Upper barrier opens — only ROIs 1, 3, 5 (top row); lower row will be excluded from analysis
+ Lower barrier opens — only ROIs 2, 4, 6 (bottom row); upper row excluded
+
+
+
Other controls
+
+ Space play/pause ·
+ 1/2/3 the three buttons ·
+ s skip · u mark unusable
+
+
Each click saves to
+ barrier_opening.csv immediately, so closing the tab
+ and coming back resumes from where you left off.
+
+
+
+
+
@@ -213,6 +287,8 @@
// Keyboard shortcuts
document.addEventListener('keydown', (e) => {
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
+ // Don't react to picker shortcuts while the modal is open.
+ if (modalBackdrop.classList.contains('show')) return;
// Prevent the browser default (e.g. video focus side effects on space).
const stop = () => { e.preventDefault(); e.stopPropagation(); };
switch (e.key) {
@@ -236,6 +312,32 @@
}
});
+ // Welcome modal — show first time, dismissable; ? button reopens it.
+ const modalBackdrop = document.getElementById('modal-backdrop');
+ const modalClose = document.getElementById('modal-close');
+ const helpBtn = document.getElementById('help-btn');
+
+ function showModal() { modalBackdrop.classList.add('show'); }
+ function hideModal() {
+ modalBackdrop.classList.remove('show');
+ try { localStorage.setItem('cupido.welcomed', '1'); } catch (e) {}
+ }
+ modalClose.addEventListener('click', hideModal);
+ helpBtn.addEventListener('click', showModal);
+ // Allow click-on-backdrop to dismiss (but not click-inside-modal)
+ modalBackdrop.addEventListener('click', (e) => {
+ if (e.target === modalBackdrop) hideModal();
+ });
+ // Escape closes the modal too.
+ document.addEventListener('keydown', (e) => {
+ if (e.key === 'Escape' && modalBackdrop.classList.contains('show')) {
+ e.stopPropagation(); hideModal();
+ }
+ });
+ let welcomed = false;
+ try { welcomed = localStorage.getItem('cupido.welcomed') === '1'; } catch (e) {}
+ if (!welcomed) showModal();
+
fetchQueue();