Replayer is a free, cue-based media player for rehearsals with playback music. By the click of a button, Replayer starts to play at predefined times in the audio or video file.

How it works

1. Add music files (mp3, wav, ...) to create a compilation of tracks.
2. Add cues for specific points in time (e.g. intro, verse, chorus, rehearsal marks,...) in the playback file, with a name and an optional shortcut mnemonic
3. In the session, using Replayer on your portable computer, play any part of your set with the click of a cue button.
4. Additionally, you can use a (bluetooth) numeric keypad, as a remote control

Try the demo in the browser.

Latest release

• The latest version is available live at https://web.replayer.app (official release)
  • Test release at https://web-test.replayer.app
  • Development release at https://web-devel.replayer.app
• Source code is availabe at GitHub
• Built with Azure Build Pipeline
• Tested with Browserstack, though their "Free Testing for Open Source". Thanks for this great service!

Documentation

• Overview
• App documentation
• Blog
• Source code documentation

Development

Recommended Browser Setup

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint

Bundling

This Rollup bundle visualizer plugin creates visual build statistics, whenever a production build is made.

See the the latest bundle statistics in stats.html.

Roadmap

See Trello