franzzandClaude Opus 5 a1fb7a318a Stop the input sheet covering the whole panel
`hidden` is only a UA stylesheet rule, so .sheet-wrap's display:flex beat
it and the sheet was never hidden: a full-screen scrim sat over the app
from the moment it loaded, blurring it and swallowing every tap, with an
empty option list because openSheet() had never run to fill it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-14 21:30:41 +02:00
2026-09-14 20:52:23 +02:00
2026-09-14 21:18:13 +02:00

HEOS panel

A phone-sized web remote for a Denon HEOS system, meant to be added to the iOS home screen and used instead of the HEOS app. One Flask process serves both the interface and the HTTP bridge behind it.

Everything it does fits on one screen:

  • Volume up/down for the Home 400 and the Living Room pair (hold to keep moving)
  • Group either room with the AVR — the AVR is always the host, so its sound takes over whatever joins it
  • Ungroup either room again, or all of them at once
  • Change the AVR's input, listed under the names you gave them

The kit it assumes

Room Device How HEOS addresses it
Living Room 2× Denon Home 200 as an In-Room Group a group (gid)
Lego Room Denon Home 400 a player (pid)
Home Cinema Denon AVR-X3800H a player, plus Telnet on port 23

Any other mix works — it is all in config.py.

Install

cd /home/pi/heos
python3 -m venv .venv
source .venv/bin/activate
pip install -r requirements.txt
python3 app.py

Then open http://<pi-ip>:5005/.

The virtual environment is not optional on a current Raspberry Pi OS: pip install straight into the system Python is refused there with externally-managed-environment. It also keeps Flask out of the way of anything else running on the Pi.

Every later python3 ... command here assumes the environment is active (source .venv/bin/activate); deactivate when you are done. The service below calls the environment's Python directly, so it does not care.

Configure

Open http://<pi-ip>:5005/api/targets and copy the exact name HEOS reports for each device into TARGETS in config.py. The names come from whatever you typed in the HEOS app, so they rarely match the model names.

TARGETS = {
    "avr":               {"label": "Home Cinema", "heos_name": "Home Cinema"},
    "home400":           {"label": "Lego Room",   "heos_name": "Lego Room"},
    "living_room_group": {"label": "Living Room", "heos_name": "Denon Home 200 L"},
}
HOST_KEY  = "avr"                                  # always the group host
ROOM_KEYS = ["home400", "living_room_group"]       # the cards, in order

HEOS_HOST only needs to point at one device: HEOS is distributed, so any unit can see and control the whole network. AVR_HOST must be the AVR itself.

AVR_INPUT_CODES narrows the input picker to the sources you actually use (and sets their order); leave it empty to list everything the AVR reports.

Add it to the iOS home screen

Open the page in Safari → Share → Add to Home Screen. It then launches full-screen with no browser chrome, which is the point of the exercise.

Safari will only offer that over plain HTTP on the LAN, which is fine here; if you ever put it behind a domain name, give it HTTPS.

Run it as a service

# /etc/systemd/system/heos-panel.service
[Unit]
Description=HEOS panel
After=network-online.target

[Service]
ExecStart=/home/pi/heos/.venv/bin/python /home/pi/heos/app.py
WorkingDirectory=/home/pi/heos
Restart=always
User=pi

[Install]
WantedBy=multi-user.target
sudo systemctl enable --now heos-panel

How the grouping actually works

Worth knowing, because HEOS makes two things easy to get wrong.

set_group replaces a group wholesale. There is no "add this player". Joining a second room therefore re-sends every member of the group, and the host's pid has to come first — that is what makes the AVR the leader whose content everyone plays.

Your Home 200 pair is a group, not a speaker. Merging it into the AVR means sending both speakers' pids; sending only the leader would leave the second Home 200 playing on its own. And once merged, the pair's own gid stops existing, so:

  • unmerging re-issues set_group with the pair's two pids, rebuilding it
  • volume falls back to setting both players directly, since there is no group volume to set any more

The panel learns the pair's members the first time it sees them un-merged and remembers them in members.json, which is what lets it rebuild the pair after a restart. If you would rather pin them down, list them in config.py:

"living_room_group": {
    "label": "Living Room",
    "heos_name": "Denon Home 200 L",
    "players": ["Denon Home 200 L", "Denon Home 200 R"],   # leader first
},

Leaving a room deliberately does not rewrite the AVR's group, so the other room's music does not restart.

Two protocols, not one

HEOS CLI (port 1255) Denon Telnet (port 23)
Speaks JSON, heos://player/... plain text, SIGAME, SSFUN ?
Used for players, groups, volume the AVR's renamed input list

HEOS only knows generic input ids like inputs/hdmi_in_1; the names you gave your sources live in the AVR's own protocol, which is why both are here.

The Telnet connection is held open, so input changes made with the physical remote show up in the panel too. Some Denon models only accept one Telnet connection at a time — if another integration (Home Assistant, say) already holds it, the AVR card will read offline while the HEOS half keeps working.

HTTP API

Used by the interface:

GET /api/state everything the UI draws, in one call
GET /api/targets every player and group HEOS can see
POST /api/volume {"target": "home400", "delta": 2} or {"level": 25}
POST /api/mute {"target": "home400"}
POST /api/group {"target": "home400", "joined": true}
POST /api/group/none every room back on its own
GET /api/avr/inputs your renamed sources
POST /api/avr/input {"code": "GAME"}

The original bridge's endpoints still answer, so existing Shortcuts and scripts keep working: /targets, /volume, /volume/{set,up,down,mute}, /playback/{play,pause,stop,next,previous}, /group/{create,remove}, /inputs, /input/{set,relay}, /avr/{raw,input,inputs}, /raw/<command>.

Two of them are worth keeping for troubleshooting:

GET /raw/browse/browse?sid=1027     # any heos:// command, raw reply
GET /avr/raw?cmd=SSFUN ?            # any Telnet command, every line back

Working on it

python3 app.py --demo                       # fake speakers, real interface
python3 -m unittest discover -s tests -t .  # runs against a fake HEOS network
python3 tools/make_icons.py                 # redraw the home-screen icon

Layout

app.py          Flask: the UI, the API, and the old bridge's routes
controller.py   what a room is, what grouping means, volume
heos.py         HEOS CLI client (persistent socket, reconnects itself)
avr.py          Denon Telnet client + the renamed input list
config.py       your devices and preferences
demo.py         fake speakers for --demo
templates/ static/   the interface
tests/          fake HEOS + AVR servers, and tests against them
S
Description
Fix Denon Heos interface
Readme GPL-3.0
700 KiB
Languages
Python 66.2%
JavaScript 18.5%
CSS 9.5%
HTML 5.8%