🎬 WebReplayer - Media Player with PDF Sync

βš™οΈ Page Timing Configuration (JSON)

Configure begin and end times for each PDF page. Add multiple time segments per page for detailed navigation.

Example format: [{"page": 1, "segments": [{"begin": "00:00:00", "end": "00:01:00", "label": "Intro"}, {"begin": "00:01:00", "end": "00:02:30", "label": "Part 1"}]}, {"page": 2, "segments": [{"begin": "00:02:30", "end": "00:05:00", "label": "Section 2"}]}]
Page 0 / 0
Now playing: No file loaded
00:00:00 / 00:00:00

Jump to time (H:M:S):

Jump to timestamp:

πŸ“š Programmatic API

// Media Control const replayer = window.WebReplayer; replayer.play(); replayer.pause(); replayer.stop(); replayer.seekToTime(hours, minutes, seconds); replayer.seekToSeconds(90); replayer.seekToTimestamp('01:30'); // PDF Control replayer.goToPage(pageNumber); replayer.getCurrentPage(); replayer.getTotalPages(); // Sync Control replayer.setSyncEnabled(true); replayer.isSyncEnabled(); replayer.setPageTiming(timingArray); // Events replayer.onTimeUpdate((info) => console.log(info)); replayer.onPageChange((page) => console.log('Page:', page));