Art Can Paint Screens: Making Music “Visible”——ArtFrame for Roon

Art Can Paint Screens: Making Music “Visible”

These digital art screens ingeniously extend the auditory experience into the visual realm, transforming abstract melodies into concrete artistic imagery. This adds a richer dimension and emotional connection to music appreciation. This is the charm of music visualization—it elevates music from merely an auditory pleasure to a visually appreciable artistic experience.


1 Like

ArtFrame for Roon

ArtFrame is an album artwork display extension designed for Roon music system.

Features

  • 4K Ultra HD album artwork display

  • Adaptive fullscreen display

  • Touch screen support

  • Smart mouse hiding

  • iOS device fullscreen support

  • Automatic background blur effect

System Requirements

  • Node.js 12.0 or higher (for manual installation)

  • Roon Core 1.8 or higher

  • Modern browser (HTML5 support)

  • Docker (for Docker installation)

Installation

Method 1: Docker Installation (Recommended)

Option A: Using Docker Hub Image (Simplest)


docker run -d \

--network host \

--restart unless-stopped \

epochaudio/artframe:latest

Option B: Using Docker Compose

  1. Create a docker-compose.yml file with the following content:

version: '3'

services:

roonalbumart:

image: epochaudio/artframe:latest

network_mode: "host"

restart: unless-stopped

volumes:

- ./config:/app/config

  1. Run the container:

docker-compose up -d

The service will be available at http://localhost:3666

Usage

  1. Start Roon Core

  2. Run ArtFrame

  3. Enable ArtFrame extension in Roon settings

  4. Visit http://localhost:3666 (or your configured port)

Touch Screen Operations

  • Click cover: Toggle fullscreen mode

  • Operation tips will be shown on first visit

Keyboard Shortcuts

  • ESC: Exit fullscreen mode

Acknowledgments

This project is developed based on the following open-source projects:

  • Roon Web Controller - Original project developed by Mike Plugge
  • Roon Web Controller (Miemo Fork) - Provides an optimized interface version

Special thanks to:

  • Mike Plugge (@pluggemi) for creating the original Roon Web Controller
  • Roon Labs for their excellent music player and API
  • All developers who contributed to this project

This is very nice! What frame are you using here in the photo?

My biggest hurdle has been finding the right hardware to enable something like this. I’ve been using an old Surface Go and Roon full screen, but want a more artwork focused solution.

22-inch 1:1 and 16:9 art screens which were bought from our local!



epochaudio/artframe:2.0.4 For English