caddy file_server custom browse.html template with media extensions

Customized template for caddy file_server. Compared to caddy's default browse.html this template offers the following extra features:

• play all audios inline (with automatic sequential autoplay)
• dynamic preview mode for images, video, HTML and source code files without page reload
• image gallery mode with easy navigation using ⬅️ & ➡️ keys
• play videos with VTT and SRT subtitles support
• markdown preview using marked
• code highlighting for common source file formats using highlight
• retain list/grid mode on navigation

Usage

In your Caddyfile set the browse subdirective under file_server to point to the custom browse.html (view source) file:

http:// {
    file_server {
        root /path/to/my/server/root
        browse /path/to/folder/caddy/templates/browse.html
    }
}

Screenshots

inline audio player

markdown renderer

source file highlighter