[feature request] Customizable player templates

[cgpro]

It would be a very handy feature to make the player templates customizable.

The player is based on templates already: https://github.com/jessuni/shikwasa/tree/main/src/templates But it's referenced internally at the moment.

I could imagine the following:

const TemplateChapter = `... my fancy markup ...`
const TemplateIcon = `...`
const TemplatePlayer = `...`

// or with an import (a bit cleaner)
import { TemplateChapter, TemplateIcon, TemplatePlayer  } from './shikwasa-templates.js';

const player = new Shikwasa({
    container: () => document.querySelector('.shikwasa-player'),
    tplChapter: TemplateChapter,
    tplIcon: TemplateIcon,
    tplPlayer: TemplatePlayer,
    audio: {
        title: '...', 
        artist: '...',
        cover: '...',
        src: '...',
        },
});

Sometimes it is necessary to change the icons or change the structure of the layout fundamentally, which would be easy to do in this case.

[travisvn]

This would be awesome 👍

[rolandschuetz]

Implemented with https://github.com/jessuni/shikwasa/pull/84