# Export configuration template with the ability to sort, filter, display cover art, and play local songs in your browser

**URL:** https://community.mp3tag.de/t/export-configuration-template-with-the-ability-to-sort-filter-display-cover-art-and-play-local-songs-in-your-browser/71662
**Category:** Export
**Tags:** javascript, export, html
**Created:** [July 27, 2026, 3:50pm UTC](https://community.mp3tag.de/t/export-configuration-template-with-the-ability-to-sort-filter-display-cover-art-and-play-local-songs-in-your-browser/71662 "2026-07-27T15:50:24Z")
**Posts on this page:** 1
**Showing post:** 5

<div class="post-metadata">

### Author: ![LyricsLover](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/l/c6cbf5/32.png) [@LyricsLover](https://community.mp3tag.de/u/LyricsLover)
#### Post date: [August 2, 2026, 8:44am UTC](https://community.mp3tag.de/t/export-configuration-template-with-the-ability-to-sort-filter-display-cover-art-and-play-local-songs-in-your-browser/71662/5 "2026-08-02T08:44:47Z")

</div>

The script version 1.2 works fine for a typical album with 10-20 tracks. It also holds up reasonably well for something like the "UK Top 40" or "UK Top 100" lists. But it becomes too slow once you export thousands of rows.

This is a speed-optimized version **v2.0** of the script:

[MyColumnsExport (with Filter, Sort, Player, Cover, speed checked) v2.0.mte](https://community.mp3tag.de/uploads/short-url/5CRJHPTINLoGnfcnCAwn9NWgCsS.mte) (43,6 KB)

**Changelog:**

**Performance overhaul**  
The old version re-searched for cover images and re-scanned all table cells on every sort, filter keystroke, and click - fine for small amount of tracks, but slow at scale. v2.0 caches everything once on page load (row search text, cover paths, sort keys) and reuses that cache everywhere. Sorting now uses a "decorate-sort-undecorate" approach instead of recalculating sort keys during every comparison, and DOM updates are batched via a document fragment instead of moving rows one-by-one. Filtering also got a "debounce" (150ms) so it doesn't re-run on every single keystroke.

**Cover detection: guesswork → exact match**  
v1.2 guessed at cover filenames by brute-force testing 16 filename/extension combinations per track (with/without album folder, raw/cleaned title, four extensions) - slow and unreliable. **v2.0** drops the guessing entirely: it now reads the exact cover path and MIME type that Mp3tag already exported per track, so each track needs exactly one lookup instead of up to sixteen.

**Hint:**  
You should export your covers - if you want to see them - with the new Format string in **Export Cover to file** :  
`.\Covers\$num(%track%,2) - $trim($regexp($validate(%title%,' '), +,' '))`

This should solve some problems with special invalid characters for filenames like `*` or `?` or `<` `>` or `:` and some more.

**New: track/filter counters**  
**v2.0** adds a live "Showing X of Y tracks" indicator and cleans up the "missing covers" counter placement, giving better feedback when filtering large libraries.

 ![image](https://community.mp3tag.de/uploads/default/original/3X/8/6/862435790cc0a879db84aa1fe2cfc9acff8175a6.png)

**Minor layout/UX polish**  
Column header text no longer wraps awkwardly around the sort arrow (reserved space added), some spacing/margins around the filter row were tightened, and sorting now also handles the Year column numerically.

This v2.0 is built to comfortably handle ~20'000 tracks, whereas v1.2 was really only comfortable with much smaller amount of exported rows.

Still, I'd like to remind you:

> [@](#):
>
> **Important:**  
> Such a HTML page is not a replacement for Foobar, VLC, or any Jukebox or Media Manager!  
> This template only demonstrates the potential of an HTML page enriched with JavaScript code.

---

_[View the full topic](https://community.mp3tag.de/t/export-configuration-template-with-the-ability-to-sort-filter-display-cover-art-and-play-local-songs-in-your-browser/71662)._