mp3mark

A web app that allows you to analyze and annotate music easily for mp3 files. Use it here!

Currently, this website is best fit for desktop users. The appearance may vary on certain browsers but works best on chromium based ones. (developed on chrome) Mobile support is okay, but trackpad users have great control over the timeline.

What it Looks Like

Screenshot of mp3mark's editor while creating an annotation

Screenshot of the import menu

Documentation

Documentation for mp3mark can be found here.

Developing

To run a development server:

# make sure to install dependencies
npm install

# startup dev server
npm run dev

# or start the server and open the app in a new browser tab 
npm run dev -- --open

# run with optimized dependencies
pnpm dev --open

Building

To create a production version of your app:

npm run build

npm run preview

Todo List

• Volume Control
• Metronome
• Better Marking (set size)
• Projects Manager/Loader
• Community Marks (copyright issues)
• Track Deletion
• Top Toolbar Menu
• Flags (small marks)
• Logo
• Front Page
• demo project
• tutorial
• big line that marks the time
• favicon and seo
• documentation
• ffmpeg trimming
• exporting/importing
• fix mouse/touch slamming
• dark mode
• localization (i18n)
• lighthouse/seo checks
• firefox css fixes
• snap playhead to scroll
• playback snapping to beat
• code comments/reformat/check
• time marks

Credits

The audio used for the demo project is "Fastfall - Cider Time" by Lifeformed. Check their album out here! It is under CC BY-NC-SA 3.0 and to be used without profit.