poprhythm
68bd445303
GLITCH_STATE_POOL computed top2 as top1 minus a 3-5px top-to-top gap, which let magenta (band2) overlap cyan (band1) whenever band2's own height exceeded that gap -- e.g. h2=4 with a 3px top-to-top gap put magenta's bottom edge 1px into cyan's territory. Recomputed every entry so the gap is measured edge-to-edge (top1 - (top2 + h2)), guaranteeing a real 3-5px of clean space between the two bands regardless of height. Verified 0 black-corner hits across 263 frames.
895 lines
42 KiB
Python
895 lines
42 KiB
Python
"""
|
|
Applet: SUB/WAVE Now Playing
|
|
Summary: Shows what's playing on a SUB/WAVE station
|
|
Description: Configure with your SUB/WAVE (github.com/perminder-klair/subwave) station's base URL to display the current track, artist, show, host, album art, time/temp, and a progress bar.
|
|
Author: poprhythm
|
|
"""
|
|
|
|
load("render.star", "render")
|
|
load("schema.star", "schema")
|
|
load("http.star", "http")
|
|
load("cache.star", "cache")
|
|
load("time.star", "time")
|
|
load("animation.star", "animation")
|
|
load("filter.star", "filter")
|
|
load("random.star", "random")
|
|
|
|
DEFAULT_STATION_URL = ""
|
|
NOWPLAYING_TTL = 20
|
|
COVER_TTL = 300
|
|
|
|
# These match SUB/WAVE's own web UI theme picker (Blueprint, Classic Dark,
|
|
# Classic Light, Cyberpunk, Flare, Recon, Signal, Vinyl), so a station's own
|
|
# site theme can be mirrored on the device. Each scheme sets a background
|
|
# fill, the main text color (title/artist/show), an accent (host/DJ name +
|
|
# progress bar fill), a muted meta color (time/temp), a separator, and the
|
|
# progress bar's empty-track color.
|
|
COLOR_SCHEMES = {
|
|
"blueprint": {
|
|
"background": "#0a1128",
|
|
"text": "#8ecae6",
|
|
"accent": "#4a90e2",
|
|
"meta": "#3f5a7a",
|
|
"separator": "#1f3a5f",
|
|
"bar_empty": "#12223d",
|
|
},
|
|
"classic_dark": {
|
|
"background": "#1a1a1a",
|
|
"text": "#f0e6d2",
|
|
"accent": "#d32f2f",
|
|
"meta": "#8a8070",
|
|
"separator": "#3a3a3a",
|
|
"bar_empty": "#2b2b2b",
|
|
},
|
|
"classic_light": {
|
|
"background": "#f0e6d2",
|
|
"text": "#1a1a1a",
|
|
"accent": "#e63946",
|
|
"meta": "#7a7062",
|
|
"separator": "#d8cdb8",
|
|
"bar_empty": "#ded2ba",
|
|
},
|
|
"cyberpunk": {
|
|
"background": "#0d0d0d",
|
|
"text": "#22d3ee",
|
|
"accent": "#ec4899",
|
|
"meta": "#7a7a8a",
|
|
"separator": "#2a2a35",
|
|
"bar_empty": "#241f2e",
|
|
},
|
|
"flare": {
|
|
"background": "#120a00",
|
|
"text": "#ff8c1a",
|
|
"accent": "#ff6600",
|
|
"meta": "#8a5a2a",
|
|
"separator": "#3a2000",
|
|
"bar_empty": "#2a1800",
|
|
},
|
|
"recon": {
|
|
"background": "#4a4331",
|
|
"text": "#f2ecd9",
|
|
"accent": "#ff8c3a",
|
|
"meta": "#a89f85",
|
|
"separator": "#2a2519",
|
|
"bar_empty": "#332e20",
|
|
},
|
|
"signal": {
|
|
"background": "#2b2b2b",
|
|
"text": "#d9d9d9",
|
|
"accent": "#9a9a9a",
|
|
"meta": "#6e6e6e",
|
|
"separator": "#3a3a3a",
|
|
"bar_empty": "#1e1e1e",
|
|
},
|
|
"vinyl": {
|
|
"background": "#3e2f23",
|
|
"text": "#e8d5b5",
|
|
"accent": "#c97d3d",
|
|
"meta": "#8a7358",
|
|
"separator": "#2a1f16",
|
|
"bar_empty": "#241b13",
|
|
},
|
|
}
|
|
DEFAULT_COLOR_SCHEME = "cyberpunk" # matches the station's own site theme
|
|
|
|
# How many seconds into a track's start, or before its reported end, the
|
|
# glitch overlay shows over the album art. Only used when the "Static
|
|
# overlay" schema field is enabled.
|
|
#
|
|
# These aren't symmetric on purpose: SUB/WAVE's reported `duration` is a
|
|
# track's full metadata length, but in practice the station appears to
|
|
# cut/crossfade to the next track a bit before that duration actually
|
|
# elapses (observed via the progress bar consistently stalling a few
|
|
# segments short of full, never reaching the end) -- so `remaining` was
|
|
# rarely if ever dropping below a short end-window before the subsonic_id
|
|
# changed out from under it. Widening the end window compensates for that
|
|
# observed early cutoff; the start window doesn't have the same problem
|
|
# (elapsed genuinely starts at 0) so it stays short.
|
|
STATIC_OVERLAY_START_SECONDS = 5
|
|
STATIC_OVERLAY_END_SECONDS = 22
|
|
DEFAULT_STATIC_OVERLAY = "on"
|
|
|
|
# How far in the album art zoom goes, relative to its fully-zoomed-out rest
|
|
# state (see _art_widget below for why scale never goes below 1.0).
|
|
ZOOM_LEVELS = {
|
|
"off": 1.0,
|
|
"subtle": 1.15,
|
|
"moderate": 1.4,
|
|
"strong": 1.7,
|
|
}
|
|
DEFAULT_ZOOM_LEVEL = "moderate"
|
|
|
|
# Where the zoom centers on, as animation.Origin fractions of the image's
|
|
# own 36x36 bounds. Kept modest (0.3-0.7, not full 0.0-1.0) and verified
|
|
# safe (no black border, even at the strongest 1.7x zoom) via the
|
|
# calibration tool -- more extreme corners weren't tested and may not be.
|
|
# Only used when the "Zoom position" schema field is set to "random" --
|
|
# "center" always zooms on the image's own center, exposed as a config
|
|
# choice since some covers (e.g. ones with a centered logo or face) read
|
|
# better with a predictable center zoom than a random one.
|
|
#
|
|
# Rotates on a ~10s cadence (matching ART_ZOOM_DURATION below) based on
|
|
# wall-clock time, not just per-track: a time bucket picks the spot, offset
|
|
# by a per-track hash so different tracks don't all land on the same spot
|
|
# at the same moment. This means the spot can change on *every* refresh,
|
|
# including mid-playback of a single still-running track -- not just when
|
|
# the track itself changes -- so a long track gets to show off different
|
|
# sections of its art over time, which is the whole point of "random"
|
|
# rather than "center". One real limitation: a one-shot `pixlet render`
|
|
# CLI call reads the system clock same as the live server would, so this
|
|
# is still deterministic for a given moment -- it just varies *which*
|
|
# moment you rendered at, same as the live progress bar in _track_progress.
|
|
ZOOM_CENTER_SPOT = (0.5, 0.5)
|
|
ZOOM_RANDOM_SPOTS = [
|
|
(0.5, 0.5),
|
|
(0.3, 0.3),
|
|
(0.7, 0.7),
|
|
(0.3, 0.7),
|
|
(0.7, 0.3),
|
|
]
|
|
ZOOM_SPOT_ROTATE_SECONDS = 10
|
|
DEFAULT_ZOOM_POSITION = "center"
|
|
|
|
def _zoom_spot(zoom_position, subsonic_id):
|
|
if zoom_position != "random":
|
|
return ZOOM_CENTER_SPOT
|
|
|
|
track_offset = 0
|
|
for ch in subsonic_id.elems():
|
|
track_offset += ord(ch)
|
|
|
|
time_bucket = int(time.now().unix / ZOOM_SPOT_ROTATE_SECONDS)
|
|
return ZOOM_RANDOM_SPOTS[(time_bucket + track_offset) % len(ZOOM_RANDOM_SPOTS)]
|
|
|
|
def main(config):
|
|
station_url = config.get("station_url", DEFAULT_STATION_URL)
|
|
if station_url:
|
|
station_url = station_url.rstrip("/")
|
|
|
|
colors = COLOR_SCHEMES.get(config.get("color_scheme", DEFAULT_COLOR_SCHEME), COLOR_SCHEMES[DEFAULT_COLOR_SCHEME])
|
|
zoom_scale = ZOOM_LEVELS.get(config.get("zoom_level", DEFAULT_ZOOM_LEVEL), ZOOM_LEVELS[DEFAULT_ZOOM_LEVEL])
|
|
zoom_position = config.get("zoom_position", DEFAULT_ZOOM_POSITION)
|
|
static_overlay_enabled = config.get("static_overlay", DEFAULT_STATIC_OVERLAY) == "on"
|
|
|
|
if not station_url:
|
|
return render.Root(child = _with_background(_message_screen(["Set station URL", "in app settings"], colors), colors))
|
|
|
|
now = _fetch_now_playing(station_url)
|
|
if now == None:
|
|
return render.Root(child = _with_background(_message_screen(["Can't reach", "station"], colors), colors))
|
|
|
|
if not now["online"]:
|
|
return render.Root(child = _with_background(_message_screen([now["station"], "offline"], colors), colors))
|
|
|
|
art = _fetch_cover(station_url, now["subsonic_id"])
|
|
progress = _track_progress(now["subsonic_id"], now["duration"])
|
|
|
|
# Only meaningful once _track_progress has real elapsed/remaining data
|
|
# (i.e. on a long-lived server -- see its own comment below for why a
|
|
# one-shot `pixlet render` CLI call always sees elapsed=0). On a local
|
|
# render this will always show the "starting" static, never "ending".
|
|
# TEMP DEV OVERRIDE: forces the glitch on for the entire track instead
|
|
# of just the start/end windows, to make it easier to see while
|
|
# tuning it. Remove this line (and uncomment the real condition below)
|
|
# before shipping.
|
|
show_static = static_overlay_enabled
|
|
# show_static = (
|
|
# static_overlay_enabled and
|
|
# progress != None and
|
|
# (progress["elapsed"] < STATIC_OVERLAY_START_SECONDS or progress["remaining"] < STATIC_OVERLAY_END_SECONDS)
|
|
# )
|
|
|
|
# The show/host and time/temp rows always render, even when empty, so
|
|
# they hold a fixed vertical position regardless of which fields a given
|
|
# track/moment actually has data for -- rather than the layout shifting
|
|
# up when e.g. there's a show but no DJ credited, or no show at all.
|
|
show_host_row = [render.Text(now["show"], font = "tom-thumb", color = colors["text"])]
|
|
if now["host"]:
|
|
show_host_row.append(render.Text(" " + now["host"], font = "tom-thumb", color = colors["accent"]))
|
|
|
|
top_lines = [
|
|
render.Marquee(width = 32, child = render.Text(now["title"], color = colors["text"])),
|
|
render.Marquee(width = 32, child = render.Text(now["artist"], color = colors["text"])),
|
|
render.Box(width = 32, height = 1, color = colors["separator"]),
|
|
render.Marquee(width = 32, child = render.Row(children = show_host_row)),
|
|
render.Marquee(width = 32, child = render.Text(now["time_temp"], font = "tom-thumb", color = colors["meta"])),
|
|
]
|
|
|
|
children = [render.Column(children = top_lines)]
|
|
if progress != None:
|
|
children.append(_progress_bar(progress["fraction"], colors, width = 32))
|
|
|
|
text_column = render.Box(
|
|
width = 32,
|
|
height = 32,
|
|
child = render.Column(
|
|
main_align = "space_between",
|
|
cross_align = "start",
|
|
expanded = True,
|
|
children = children,
|
|
),
|
|
)
|
|
|
|
if art:
|
|
content = render.Row(children = [_art_widget(art, zoom_scale, zoom_position, now["subsonic_id"], show_static), text_column])
|
|
else:
|
|
content = render.Column(
|
|
main_align = "center",
|
|
cross_align = "center",
|
|
expanded = True,
|
|
children = [
|
|
render.Marquee(width = 64, child = render.Text(now["title"], color = colors["text"])),
|
|
render.Marquee(width = 64, child = render.Text(now["artist"], color = colors["text"])),
|
|
],
|
|
)
|
|
|
|
return render.Root(child = _with_background(content, colors))
|
|
|
|
def _with_background(child, colors):
|
|
return render.Stack(children = [
|
|
render.Box(width = 64, height = 32, color = colors["background"]),
|
|
child,
|
|
])
|
|
|
|
# Album art gets a slow "Ken Burns" breathing effect: starts and ends on
|
|
# the full frame, easing in to a zoomed-in crop at the midpoint, on a
|
|
# continuous loop -- not a one-shot reveal. A one-shot version (start
|
|
# zoomed in, end on the full frame, then hold) looked jumpy: since the app
|
|
# re-renders on NOWPLAYING_TTL
|
|
# and each fresh render restarts its own animation from tick 0, whatever the
|
|
# *previous* pushed image happened to be showing at that moment gets
|
|
# abruptly replaced by a fresh zoomed-in frame. The back-and-forth loop
|
|
# doesn't eliminate that (a server-side re-render always restarts at tick 0
|
|
# regardless), but ending exactly where it started means the animation also
|
|
# loops seamlessly on-device between refreshes.
|
|
#
|
|
# Duration is intentionally short (a handful of seconds each way), not the
|
|
# ~60s round-trip originally tried: on the real device/server, a fresh
|
|
# render replaces the still-playing animation well before a minute-long
|
|
# cycle can complete, so only the outbound half (zoom out) was ever visible
|
|
# and it never appeared to "zoom back in". A short loop guarantees at least
|
|
# one full out-and-back cycle plays before that happens.
|
|
#
|
|
# Art is rendered slightly oversized (36x36, vs. the 32x32 display slot).
|
|
# animation.Scale is only ever applied at 1.0 or above here -- empirically,
|
|
# scaling this *below* 1.0 (tried while chasing a "show the literal whole
|
|
# image at rest" design) reintroduces a real, on-device black-border bug:
|
|
# below roughly 0.9-0.95 a visible gap opens up along one edge, well before
|
|
# the math (scaled size vs. box size) would predict any gap at all, so it
|
|
# isn't a simple "runs out of image" overflow -- treat scale < 1.0 as
|
|
# unsafe regardless of the numbers. That rules out "native size at rest,
|
|
# shrink down to reveal everything" -- so instead ART_SIZE is kept just
|
|
# barely larger than ART_SLOT: at the safe floor of scale = 1.0, only
|
|
# ART_SLOT/ART_SIZE (~89%) of the image is visible, which reads as
|
|
# "fully zoomed out" (a sliver cropped off each edge, not noticeable) while
|
|
# leaving just enough headroom above 1.0 for a real zoom-in effect. The
|
|
# zoom-in amount itself (`zoom_scale`, from the ZOOM_LEVELS schema option)
|
|
# must stay >= 1.0 for the same reason.
|
|
ART_SIZE = 36
|
|
ART_SLOT = 32
|
|
ART_ZOOM_DURATION = 200 # 10s round-trip (5s in, 5s out) at the default 50ms/tick
|
|
|
|
def _art_widget(art_bytes, zoom_scale, zoom_position, subsonic_id, show_static):
|
|
zoom = _zoom_transformation(art_bytes, zoom_scale, zoom_position, subsonic_id)
|
|
cropped = render.Box(width = ART_SLOT, height = ART_SLOT, child = zoom)
|
|
|
|
if not show_static:
|
|
return cropped
|
|
|
|
# The glitch segment gets its own non-animated, full-resolution
|
|
# (scale locked at 1.0) rendering of the art, rather than the live
|
|
# `zoom` above -- simpler than keeping the jitter in sync with
|
|
# wherever the real zoom's 10s cycle currently is (see
|
|
# _glitch_rest_art for why that was worth avoiding). The live zoom on
|
|
# the base `cropped` layer underneath keeps running throughout; once
|
|
# the glitch window ends, that's what's left showing.
|
|
rest_art = _glitch_rest_art(art_bytes, zoom_position, subsonic_id)
|
|
return render.Stack(children = [cropped, _glitch_effect(rest_art)])
|
|
|
|
def _zoom_transformation(art_bytes, zoom_scale, zoom_position, subsonic_id):
|
|
art = render.Image(src = art_bytes, width = ART_SIZE, height = ART_SIZE)
|
|
|
|
# Always route through animation.Transformation, even when zoom is off
|
|
# (a degenerate animation whose two keyframes are both Scale(1.0, 1.0),
|
|
# i.e. no visible movement). Wrapping the art in a Transformation shifts
|
|
# its crop by a few pixels versus a bare, unwrapped Image in the same
|
|
# Box -- confirmed empirically, even at an explicit Scale(1.0, 1.0) --
|
|
# so a plain-Image "off" path and a Transformation-wrapped zoom path
|
|
# don't actually agree on framing despite both nominally being "scale
|
|
# 1.0". Using the same wrapper unconditionally guarantees the "off"
|
|
# state and the rest state of every zoom level line up exactly.
|
|
#
|
|
# `origin` picks where the zoom centers on, which also gives a free
|
|
# "zoom to a different spot each time" effect (ZOOM_SPOTS above) by
|
|
# just varying it per track. An earlier version tried to recenter the
|
|
# zoom by pairing Scale with a *computed* Translate, on the mistaken
|
|
# assumption that Scale's default pivot is the top-left corner -- it
|
|
# isn't; pixlet's own docs say the default origin is already the
|
|
# center (0.5, 0.5). That Translate was sized assuming Scale had no
|
|
# self-centering at all, so it overcorrected, visibly skewing the zoom
|
|
# toward the bottom-right -- the opposite of the bug it was meant to
|
|
# fix. Since `origin` already does directly and correctly what that
|
|
# Translate was clumsily approximating, this uses `origin` alone.
|
|
origin_x, origin_y = _zoom_spot(zoom_position, subsonic_id)
|
|
top_scale = max(zoom_scale, 1.0)
|
|
zoom = animation.Transformation(
|
|
child = art,
|
|
duration = ART_ZOOM_DURATION,
|
|
origin = animation.Origin(origin_x, origin_y),
|
|
keyframes = [
|
|
animation.Keyframe(
|
|
percentage = 0.0,
|
|
transforms = [animation.Scale(1.0, 1.0)],
|
|
),
|
|
animation.Keyframe(
|
|
percentage = 0.5,
|
|
transforms = [animation.Scale(top_scale, top_scale)],
|
|
curve = "ease_in_out",
|
|
),
|
|
animation.Keyframe(
|
|
percentage = 1.0,
|
|
transforms = [animation.Scale(1.0, 1.0)],
|
|
curve = "ease_in_out",
|
|
),
|
|
],
|
|
)
|
|
return zoom
|
|
|
|
# Modeled on SUB/WAVE's own web UI, which applies a track-transition
|
|
# effect to the cover art (found via its compiled CSS/JS, not written down
|
|
# anywhere as a spec): an RGB-split/chromatic-aberration glitch -- two
|
|
# duplicate, differently-tinted copies of the art, each cropped to a
|
|
# shifting horizontal band -- plus scanlines and viewfinder-style corner
|
|
# tick marks. Built here from scratch against the *live* art via
|
|
# filter.Hue, not a bundled asset -- pixlet's `filter` module (confirmed
|
|
# real and working, same as `animation.Origin`) can recolor an arbitrary
|
|
# widget, including an already-zoomed render.Image, so the glitch bands
|
|
# reflect whatever's actually on screen rather than a generic texture.
|
|
# This replaced an earlier version built as a bundled static.gif overlay
|
|
# (first sparse noise specks, briefly a VHS-footage-derived band) -- that
|
|
# approach is still viable for projects without filter.star, but once a
|
|
# live-recolor option exists it's a better match for what SUB/WAVE itself
|
|
# does, and it means this app goes back to a single-file upload (no
|
|
# bundled asset to zip alongside it).
|
|
#
|
|
# The exact keyframe sequence/timing SUB/WAVE's CSS uses past the first
|
|
# keyframe isn't visible in its compiled output (no source maps), so
|
|
# GLITCH_STATES below is an original sequence in the same spirit (shifting
|
|
# inset bands, step-end/snap timing via a Sequence rather than eased
|
|
# motion) rather than a reproduction of unseen code. Band proportions
|
|
# (top/height as a fraction of ART_SLOT) are loosely modeled on the one
|
|
# keyframe that was visible: roughly the top third and an overlapping
|
|
# middle band, each about 30% of the frame's height.
|
|
GLITCH_HOLD_TICKS = 2 # ~100ms per jitter state at the default 50ms/tick
|
|
GLITCH_PAUSE_TICKS = 3 # ~150ms of clean art between bursts
|
|
GLITCH_STATES_PER_CYCLE = 4
|
|
|
|
# A larger pool than any one burst needs, so repeated cycles (see
|
|
# GLITCH_REPEATS below) draw a different rotating window of states each
|
|
# time instead of showing the identical 4 band positions every loop.
|
|
# (top1, height1, shift1, hue1, top2, height2, shift2, hue2); proportions
|
|
# loosely modeled on the one SUB/WAVE keyframe that was visible (roughly
|
|
# the top third and an overlapping middle band, each ~30% of the frame's
|
|
# height) -- see the note above GLITCH_HOLD_TICKS for why that's the only
|
|
# part grounded in anything observed rather than invented.
|
|
GLITCH_STATE_POOL = [
|
|
# Capped to 4px tall -- thin RGB-split slivers rather than the
|
|
# original 10-13px bands. No longer tall enough to reliably show 2-3
|
|
# scanlines within a given band (that required ~9-13px against
|
|
# _glitch_scanlines' 4px repeat), so a band can land entirely between
|
|
# two scanline rows; accepted, since the shorter height was the ask.
|
|
#
|
|
# hue2 (-60.0, magenta) is placed 3-5px *above* hue1 (150.0, cyan) in
|
|
# every entry -- a fixed relative offset rather than
|
|
# independently-random positions, per request. The gap is measured
|
|
# edge-to-edge (top1 - (top2 + h2)), not top-to-top (top1 - top2):
|
|
# an earlier version used top-to-top, which let band2 (magenta)
|
|
# overlap band1 (cyan) whenever h2 exceeded the top-to-top gap (e.g.
|
|
# h2=4 with a 3px top-to-top gap put magenta's bottom edge 1px into
|
|
# cyan's territory). top2 = top1 - h2 - gap guarantees a real 3-5px
|
|
# of clean space between them regardless of h2.
|
|
(12, 3, -2, 150.0, 4, 4, 2, -60.0),
|
|
(16, 4, 2, 150.0, 10, 3, -3, -60.0),
|
|
(14, 2, -3, 150.0, 5, 4, 1, -60.0),
|
|
(22, 4, 1, 150.0, 16, 2, -2, -60.0),
|
|
(10, 3, -1, 150.0, 3, 3, 3, -60.0),
|
|
(26, 2, 3, 150.0, 19, 4, -1, -60.0),
|
|
(14, 3, -2, 150.0, 8, 2, 1, -60.0),
|
|
(20, 4, 1, 150.0, 14, 3, -3, -60.0),
|
|
]
|
|
|
|
# render.Sequence doesn't loop on its own (see _glitch_scanlines below), so
|
|
# to repeat the burst-then-pause pattern, the repeats have to be spelled
|
|
# out as one long children list up front rather than relying on any
|
|
# runtime looping. That matters here: with GLITCH_ACTIVE_SECONDS shorter
|
|
# than the actual show_static window, the sequence simply ran out and
|
|
# stopped painting partway through -- jitter played once near the start
|
|
# of the window and then silently went quiet for the rest of it, while
|
|
# the scanlines/corner ticks (which aren't Sequence-based) kept going,
|
|
# making it look like jitter wasn't working at all once past that
|
|
# opening burst.
|
|
#
|
|
# An earlier version capped this well below the full show_static window
|
|
# (which can be up to STATIC_OVERLAY_END_SECONDS = 22s) because the
|
|
# hue-shifted RGB-split bands this used to also drive were expensive
|
|
# enough to push a real render past the 460KB device limit if sized
|
|
# against the full window (measured 481KB at the time). Those bands are
|
|
# gone now -- this only drives the base-art jitter, built on
|
|
# render.Sequence + _glitch_shift (Padding), which compresses far
|
|
# better: a real worst-case render at the *full* 22s now measures ~54KB.
|
|
# So this now covers the whole window instead of a short burst within it.
|
|
GLITCH_ACTIVE_SECONDS = STATIC_OVERLAY_END_SECONDS
|
|
_GLITCH_CYCLE_TICKS = GLITCH_STATES_PER_CYCLE * GLITCH_HOLD_TICKS + GLITCH_PAUSE_TICKS
|
|
_GLITCH_TICKS_PER_SECOND = 20 # 1000ms / 50ms-per-tick
|
|
GLITCH_REPEATS = int(GLITCH_ACTIVE_SECONDS * _GLITCH_TICKS_PER_SECOND / _GLITCH_CYCLE_TICKS) + 1
|
|
|
|
def _glitch_rest_art(art_bytes, zoom_position, subsonic_id):
|
|
# A separate, non-animated rendering of the art for the glitch segment
|
|
# to jitter, instead of reusing the live `zoom` that's actually
|
|
# mid-cycle on the base layer underneath. Simpler than keeping the
|
|
# jitter synced to wherever that 10s cycle currently is -- there's
|
|
# nothing here that depends on frame position, so nothing to desync
|
|
# regardless of how the jitter's own timing is built. Same
|
|
# origin/zoom_position as the real zoom, so it doesn't visually jump
|
|
# to a different part of the image when the glitch starts or ends.
|
|
#
|
|
# Scale is locked at 1.0 (via _zoom_transformation's own top_scale =
|
|
# max(zoom_scale, 1.0), so passing 1.0 forces a constant Scale(1.0,
|
|
# 1.0) with no breathing at all) -- this is exactly the "rest" state
|
|
# _glitch_shift's own margin was already validated against (see its
|
|
# comment below). A black border was seen here earlier, but it traced
|
|
# to the *shift* mechanism (animation.Transformation + Translate,
|
|
# since replaced -- see _glitch_jitter), not to this scale; two
|
|
# different attempts to fix it by bumping the scale (1.15 breathing,
|
|
# then a constant 1.15) each made the border worse, not better, which
|
|
# was the tell that scale was never the real problem.
|
|
return _zoom_transformation(art_bytes, 1.0, zoom_position, subsonic_id)
|
|
|
|
def _glitch_states_for_cycle(cycle_index):
|
|
# Rotate through GLITCH_STATE_POOL instead of slicing (which doesn't
|
|
# wrap around in Starlark), so each cycle's window of states can
|
|
# straddle the end of the pool and loop back to the start.
|
|
pool_size = len(GLITCH_STATE_POOL)
|
|
start = (cycle_index * GLITCH_STATES_PER_CYCLE) % pool_size
|
|
return [GLITCH_STATE_POOL[(start + i) % pool_size] for i in range(GLITCH_STATES_PER_CYCLE)]
|
|
|
|
def _glitch_shift(zoom, shift_x):
|
|
# Applied to the *raw* zoom Transformation (not an already-cropped
|
|
# ART_SLOT x ART_SLOT image) and only clipped to ART_SLOT afterward,
|
|
# so a horizontal nudge reveals more of the same oversized margin the
|
|
# zoom animation itself relies on, rather than exposing a blank edge
|
|
# with nothing behind it -- confirmed empirically (no black border at
|
|
# +-2px, at both rest and peak zoom) before building this in.
|
|
return render.Padding(pad = (max(0, shift_x), 0, max(0, -shift_x), 0), child = zoom)
|
|
|
|
def _glitch_band(zoom, top, height, shift_x, hue_change):
|
|
tinted = filter.Hue(child = _glitch_shift(zoom, shift_x), change = hue_change)
|
|
band = render.Padding(
|
|
pad = (0, top, 0, max(0, ART_SLOT - top - height)),
|
|
child = render.Box(width = ART_SLOT, height = height, child = tinted),
|
|
)
|
|
|
|
# render.Padding *grows* its child's declared size by the pad amount
|
|
# rather than nudging content within a fixed frame -- without this
|
|
# outer Box to clip it back down to exactly ART_SLOT, the horizontal
|
|
# shift above made this (and everything stacked with it) wider than
|
|
# the 32px art slot, bleeding into the text column next to it.
|
|
return render.Box(width = ART_SLOT, height = ART_SLOT, child = band)
|
|
|
|
def _glitch_base_jitter(zoom, shift_x):
|
|
# The art itself jittering in sync with the RGB-split bands (not just
|
|
# the tinted bands moving over a static image underneath) -- modeled
|
|
# on the original SUB/WAVE effect, which shifts the whole cover frame
|
|
# along with the color split. Uses the same safe raw-zoom shift
|
|
# technique as the bands above, just without the hue tint or height
|
|
# crop, so it reads as the full image nudging rather than a band.
|
|
return render.Box(width = ART_SLOT, height = ART_SLOT, child = _glitch_shift(zoom, shift_x))
|
|
|
|
def _glitch_hold(child, duration):
|
|
# A no-op Transformation purely to pin a Sequence child's FrameCount
|
|
# to `duration` ticks, so render.Sequence holds on it for that long
|
|
# before advancing to the next child -- Sequence has no other way to
|
|
# control how long a given child plays.
|
|
#
|
|
# This matters more than it looks: an earlier version of this
|
|
# function "held" a state by appending the same widget reference to
|
|
# the children list GLITCH_HOLD_TICKS times in a row instead of
|
|
# wrapping it once in a duration-N _glitch_hold. That rendered fine
|
|
# via plain `pixlet render` to a file (confirmed, pixel-diffed, a
|
|
# clean alternating shift) but was reported as showing no jitter at
|
|
# all in pixlet serve's live preview -- repeated-identical-children
|
|
# apparently doesn't advance the same way every consumer of a
|
|
# Sequence expects. Wrapping each state in its own _glitch_hold is
|
|
# the original, proven-working pattern this app used before that
|
|
# rewrite.
|
|
return animation.Transformation(
|
|
child = child,
|
|
duration = duration,
|
|
width = ART_SLOT,
|
|
height = ART_SLOT,
|
|
keyframes = [
|
|
animation.Keyframe(percentage = 0.0, transforms = []),
|
|
animation.Keyframe(percentage = 1.0, transforms = []),
|
|
],
|
|
)
|
|
|
|
def _glitch_jitter(zoom):
|
|
# Built as a render.Sequence of discrete shifted states, each using
|
|
# _glitch_shift (Padding-based), not animation.Transformation +
|
|
# Translate (an approach tried in between). Translate seemed
|
|
# reasonable but produced a real, confirmed-on-device black border
|
|
# that no amount of scale adjustment on `zoom` could fix --
|
|
# root-caused via isolated, pixel-sampled test renders to a more
|
|
# fundamental pixlet limitation: Transformation + Translate can't
|
|
# reveal content beyond what's visible at rest, it only moves
|
|
# already-visible pixels around. Padding genuinely grows the declared
|
|
# canvas instead, which is exactly the mechanism _glitch_shift
|
|
# already uses.
|
|
#
|
|
# A much earlier version of this file *did* use render.Sequence for
|
|
# the jitter and was abandoned for a real bug -- but that bug was
|
|
# Sequence.Paint rebasing the frame index to 0 for whichever child is
|
|
# currently playing (confirmed in pixlet's own source --
|
|
# `c.Paint(dc, bounds, frameIdx-fc)`), which desynced the *live*,
|
|
# frame-dependent zoom that version wrapped. That no longer applies:
|
|
# `zoom` here is _glitch_rest_art's static, non-animated image, so
|
|
# there's nothing frame-dependent left for Sequence to desync.
|
|
pause = _glitch_hold(render.Box(width = ART_SLOT, height = ART_SLOT, child = zoom), GLITCH_PAUSE_TICKS)
|
|
|
|
children = []
|
|
for cycle_index in range(GLITCH_REPEATS):
|
|
for top1, h1, shift1, hue1, top2, h2, shift2, hue2 in _glitch_states_for_cycle(cycle_index):
|
|
# Capped to +-1px -- a full-frame shift reads very differently
|
|
# than a thin band shifting, so it stays subtle. Randomized
|
|
# rather than derived from shift1/shift2 (several
|
|
# GLITCH_STATE_POOL entries have those nearly or exactly
|
|
# cancel out, e.g. -2 and 2, which silently zeroed out the
|
|
# jitter in about half the states when this was tried before).
|
|
#
|
|
# A filter.Hue tint on the base jitter itself (not the bands
|
|
# below, which already carry their own) was also tried, to
|
|
# make the shift more visible without a bigger (riskier)
|
|
# shift -- reverted, it tinted _glitch_shift's own blank
|
|
# margin along with the real art in both orderings tried,
|
|
# either as a visible color strip on whichever edge got
|
|
# padded, or (once the margin was kept genuinely untinted) as
|
|
# a real black border. Plain shift, no extra color tint on
|
|
# the base jitter -- confirmed 0 black-corner hits.
|
|
shift = random.number(0, 2) - 1 # random.number requires min >= 0
|
|
state = render.Stack(children = [
|
|
render.Box(width = ART_SLOT, height = ART_SLOT, child = _glitch_shift(zoom, shift)),
|
|
_glitch_band(zoom, top1, h1, shift1, hue1),
|
|
_glitch_band(zoom, top2, h2, shift2, hue2),
|
|
])
|
|
children.append(_glitch_hold(state, GLITCH_HOLD_TICKS))
|
|
children.append(pause)
|
|
|
|
return render.Sequence(children = children)
|
|
|
|
# Line count and spacing are derived from each other, not picked
|
|
# independently: the small-sawtooth sweep below only loops seamlessly
|
|
# when sweeping by exactly one full repeat-period of the line pattern,
|
|
# which only exists (as a *small* shift, not the full ART_SLOT) when
|
|
# SCANLINE_COUNT evenly divides ART_SLOT. 6 lines was tried first (an
|
|
# explicit skip-tuple dropping 2 of 8 period-4 positions) and looked
|
|
# uneven/inconsistent during the sweep -- traced to exactly this: with 2
|
|
# positions skipped, the pattern's true repeat period became the full 32
|
|
# (not 4), so shifting by 4 and snapping back no longer reproduced an
|
|
# identical-looking frame. 4 divides 32 cleanly (spacing/sweep = 8px);
|
|
# the only other clean option near the original density is 8 (spacing
|
|
# 4px, the original count). Confirmed separately (pixel-sampled test
|
|
# renders) that pixlet's Transformation+Translate can't reveal content
|
|
# beyond what's visible at rest -- shifting only moves already-visible
|
|
# pixels, it doesn't pull in new rows from an off-screen duplicate -- so
|
|
# a single large sweep (shifting by the full ART_SLOT, tried as an
|
|
# alternative to this small-sawtooth approach) isn't viable either;
|
|
# small periodic shifts are the only mechanism that actually works here.
|
|
SCANLINE_COUNT = 4
|
|
SCANLINE_SPACING = ART_SLOT // SCANLINE_COUNT
|
|
|
|
# Sized against the full show_static window (GLITCH_ACTIVE_SECONDS), not
|
|
# a fixed 8s -- it used to be a flat 160 ticks while GLITCH_ACTIVE_SECONDS
|
|
# only covered a short burst, which was fine since nothing animated past
|
|
# that burst anyway. Once GLITCH_ACTIVE_SECONDS was extended to cover the
|
|
# full window, this fell behind: animation.Transformation holds at its
|
|
# last keyframe once its own declared duration is up, so the scanline
|
|
# sweep visibly froze (while jitter/bands, sized against the full window,
|
|
# kept animating) for however much of the window was left after 8s.
|
|
# _SCANLINE_CYCLE_TICKS is kept fixed (same sweep speed as before) and
|
|
# SCANLINE_CYCLES derived from it, rather than the other way around, so
|
|
# extending the window doesn't also slow the sweep down.
|
|
_SCANLINE_CYCLE_TICKS = 20 # 1s per sawtooth cycle at the default 50ms/tick
|
|
SCANLINE_SWEEP_DURATION = GLITCH_ACTIVE_SECONDS * _GLITCH_TICKS_PER_SECOND
|
|
SCANLINE_CYCLES = SCANLINE_SWEEP_DURATION // _SCANLINE_CYCLE_TICKS
|
|
|
|
def _glitch_scanlines():
|
|
# Modeled on SUB/WAVE's own scanlines, which sweep continuously via
|
|
# an animated `background-position-y` rather than sitting still.
|
|
#
|
|
# An earlier version tried a single large sweep across a buffer built
|
|
# twice as tall as the art slot, pre-shifted with a *negative*
|
|
# render.Padding so the pattern's middle 32 rows lined up with the
|
|
# window at rest. That didn't work how a positive Padding (which
|
|
# reliably *grows* a widget's declared size -- used elsewhere in this
|
|
# file, e.g. _glitch_band) does; empirically it went blank partway
|
|
# through instead of revealing new rows at the top, which is what
|
|
# "scanlines disappearing at the bottom without regenerating at the
|
|
# top" looked like.
|
|
#
|
|
# This avoids all of that: the buffer is only ONE extra
|
|
# SCANLINE_SPACING taller than the art slot (the same small, proven-
|
|
# safe oversized margin used everywhere else in this file -- e.g. the
|
|
# zoom's own ART_SIZE vs. ART_SLOT), and instead of one big sweep it's
|
|
# a repeating sawtooth -- ramp down by exactly one SCANLINE_SPACING,
|
|
# then snap back to 0 and repeat. Since the pattern repeats every
|
|
# SCANLINE_SPACING (see SCANLINE_COUNT above for why), a one-period
|
|
# displacement looks identical to the starting position, so the snap
|
|
# is invisible -- a standard infinite-scrolling-texture trick -- while
|
|
# the translate distance never has to leave the small range already
|
|
# confirmed safe.
|
|
tall = ART_SLOT + SCANLINE_SPACING
|
|
lines = []
|
|
for y in range(tall):
|
|
if y % SCANLINE_SPACING == 0:
|
|
lines.append(render.Box(width = ART_SLOT, height = 1, color = "#00000080"))
|
|
else:
|
|
lines.append(render.Box(width = ART_SLOT, height = 1, color = "#00000000"))
|
|
pattern = render.Column(children = lines)
|
|
|
|
# The ramp's end and the next cycle's snap-back share the exact same
|
|
# percentage (a zero-duration jump), rather than the snap landing one
|
|
# tick later -- that one-tick gap got linearly interpolated, which
|
|
# for a single tick showed the pattern at a fractional, not-quite-0
|
|
# offset instead of cleanly snapping, producing a brief flicker right
|
|
# at the loop point.
|
|
keyframes = []
|
|
for cycle in range(SCANLINE_CYCLES):
|
|
cycle_start = cycle * _SCANLINE_CYCLE_TICKS
|
|
cycle_end = cycle_start + _SCANLINE_CYCLE_TICKS # == next cycle's cycle_start
|
|
keyframes.append(animation.Keyframe(
|
|
percentage = float(cycle_start) / SCANLINE_SWEEP_DURATION,
|
|
transforms = [animation.Translate(0, 0)],
|
|
))
|
|
keyframes.append(animation.Keyframe(
|
|
percentage = float(cycle_end) / SCANLINE_SWEEP_DURATION,
|
|
transforms = [animation.Translate(0, SCANLINE_SPACING)],
|
|
curve = "linear",
|
|
))
|
|
|
|
sweeping = animation.Transformation(child = pattern, duration = SCANLINE_SWEEP_DURATION, keyframes = keyframes)
|
|
return render.Box(width = ART_SLOT, height = ART_SLOT, child = sweeping)
|
|
|
|
def _glitch_corner_ticks(color):
|
|
tick_size = 5
|
|
|
|
# A single tick shape (two short perpendicular lines) always draws
|
|
# the same way regardless of which corner it's placed in -- it has no
|
|
# idea it's "the top-right one". To make the bracket actually open
|
|
# toward the image's center at every corner (not just top-left), each
|
|
# line has to be explicitly pushed to the correct edge of its own
|
|
# tick_size x tick_size box via Padding: the horizontal line to the
|
|
# top or bottom, the vertical line to the left or right. Wrapped in an
|
|
# outer Box for the same reason as _glitch_band -- Padding grows its
|
|
# child's declared size, so without this the tick would be wider/
|
|
# taller than tick_size.
|
|
def tick(top_aligned, left_aligned):
|
|
h_line = render.Padding(
|
|
pad = (0, 0 if top_aligned else tick_size - 1, 0, tick_size - 1 if top_aligned else 0),
|
|
child = render.Box(width = tick_size, height = 1, color = color),
|
|
)
|
|
v_line = render.Padding(
|
|
pad = (0 if left_aligned else tick_size - 1, 0, tick_size - 1 if left_aligned else 0, 0),
|
|
child = render.Box(width = 1, height = tick_size, color = color),
|
|
)
|
|
return render.Box(width = tick_size, height = tick_size, child = render.Stack(children = [h_line, v_line]))
|
|
|
|
return render.Box(
|
|
width = ART_SLOT,
|
|
height = ART_SLOT,
|
|
child = render.Column(
|
|
main_align = "space_between",
|
|
expanded = True,
|
|
children = [
|
|
render.Row(main_align = "space_between", expanded = True, children = [
|
|
tick(top_aligned = True, left_aligned = True),
|
|
tick(top_aligned = True, left_aligned = False),
|
|
]),
|
|
render.Row(main_align = "space_between", expanded = True, children = [
|
|
tick(top_aligned = False, left_aligned = True),
|
|
tick(top_aligned = False, left_aligned = False),
|
|
]),
|
|
],
|
|
),
|
|
)
|
|
|
|
def _glitch_effect(zoom):
|
|
return render.Box(
|
|
width = ART_SLOT,
|
|
height = ART_SLOT,
|
|
child = render.Stack(children = [
|
|
_glitch_jitter(zoom),
|
|
_glitch_scanlines(),
|
|
_glitch_corner_ticks("#00000080"),
|
|
]),
|
|
)
|
|
|
|
def _message_screen(lines, colors):
|
|
return render.Column(
|
|
main_align = "center",
|
|
cross_align = "center",
|
|
expanded = True,
|
|
children = [render.Text(line, font = "tom-thumb", color = colors["text"]) for line in lines],
|
|
)
|
|
|
|
def _progress_bar(fraction, colors, width = 32, height = 2):
|
|
filled = int(width * fraction + 0.5)
|
|
filled = max(0, min(filled, width))
|
|
children = []
|
|
if filled > 0:
|
|
children.append(render.Box(width = filled, height = height, color = colors["accent"]))
|
|
if filled < width:
|
|
children.append(render.Box(width = width - filled, height = height, color = colors["bar_empty"]))
|
|
return render.Row(children = children)
|
|
|
|
def _fetch_now_playing(station_url):
|
|
rep = http.get(station_url + "/api/now-playing", ttl_seconds = NOWPLAYING_TTL)
|
|
if rep.status_code != 200:
|
|
return None
|
|
|
|
data = rep.json()
|
|
# `.get(key, {})` only falls back to the default when the key is
|
|
# *absent* -- SUB/WAVE sends these as explicit JSON null (e.g.
|
|
# activeShow between scheduled shows), which decodes to Starlark None
|
|
# and passes right through .get(), so `or {}` is needed too.
|
|
np = data.get("nowPlaying", {}) or {}
|
|
dj = data.get("dj", {}) or {}
|
|
context = data.get("context", {}) or {}
|
|
active_show = context.get("activeShow", {}) or {}
|
|
|
|
return {
|
|
"title": np.get("title", "Unknown title"),
|
|
"artist": np.get("artist", "Unknown artist"),
|
|
"subsonic_id": np.get("subsonic_id", ""),
|
|
"duration": np.get("duration", 0),
|
|
"station": dj.get("station", "SUB/WAVE"),
|
|
"show": active_show.get("name", ""),
|
|
"host": dj.get("name", ""),
|
|
"time_temp": _format_time_temp(context.get("clock", {}) or {}, context.get("weather", {}) or {}),
|
|
"online": bool(data.get("streamOnline", False)),
|
|
}
|
|
|
|
def _format_time_temp(clock, weather):
|
|
parts = []
|
|
display_time = clock.get("display", "")
|
|
if display_time:
|
|
parts.append(display_time)
|
|
|
|
temp = weather.get("temp", None)
|
|
unit = weather.get("tempUnit", "")
|
|
if temp != None:
|
|
parts.append("%d°%s" % (int(temp), unit))
|
|
|
|
return " · ".join(parts)
|
|
|
|
def _fetch_cover(station_url, subsonic_id):
|
|
if not subsonic_id:
|
|
return None
|
|
rep = http.get(station_url + "/api/cover/" + subsonic_id, ttl_seconds = COVER_TTL)
|
|
if rep.status_code != 200:
|
|
return None
|
|
return rep.body()
|
|
|
|
# The now-playing API reports track duration but not elapsed/remaining time,
|
|
# so we track playback position ourselves: the first time we see a given
|
|
# subsonic_id, we stamp the current wall-clock time in the cache; on later
|
|
# renders (while the cache entry is still alive) we diff against that stamp
|
|
# to get elapsed seconds. This only works on a long-lived server process
|
|
# with a persistent cache (confirmed true for tronbyt/server's in-memory
|
|
# cache) -- a one-shot `pixlet render` CLI call always starts a fresh
|
|
# process with an empty cache, so progress will always show 0% locally.
|
|
def _track_progress(subsonic_id, duration):
|
|
if not subsonic_id or not duration:
|
|
return None
|
|
|
|
key = "subwave_track_start_" + subsonic_id
|
|
now_unix = time.now().unix
|
|
cached = cache.get(key)
|
|
|
|
if cached == None:
|
|
cache.set(key, str(now_unix), ttl_seconds = int(duration) + 30)
|
|
start_unix = now_unix
|
|
else:
|
|
start_unix = int(cached)
|
|
|
|
elapsed = max(0, now_unix - start_unix)
|
|
remaining = max(0, duration - elapsed)
|
|
fraction = min(1.0, float(elapsed) / float(duration))
|
|
|
|
return {"elapsed": elapsed, "remaining": remaining, "fraction": fraction}
|
|
|
|
def get_schema():
|
|
return schema.Schema(
|
|
version = "1",
|
|
fields = [
|
|
schema.Text(
|
|
id = "station_url",
|
|
name = "Station URL",
|
|
desc = "Base URL of your SUB/WAVE station, e.g. https://radio.example.com",
|
|
icon = "server",
|
|
default = DEFAULT_STATION_URL,
|
|
),
|
|
schema.Dropdown(
|
|
id = "color_scheme",
|
|
name = "Color scheme",
|
|
desc = "Matches SUB/WAVE's own web UI themes -- pick the one your station uses.",
|
|
icon = "palette",
|
|
default = DEFAULT_COLOR_SCHEME,
|
|
options = [
|
|
schema.Option(display = "Cyberpunk", value = "cyberpunk"),
|
|
schema.Option(display = "Blueprint", value = "blueprint"),
|
|
schema.Option(display = "Classic Dark", value = "classic_dark"),
|
|
schema.Option(display = "Classic Light", value = "classic_light"),
|
|
schema.Option(display = "Flare", value = "flare"),
|
|
schema.Option(display = "Recon", value = "recon"),
|
|
schema.Option(display = "Signal", value = "signal"),
|
|
schema.Option(display = "Vinyl", value = "vinyl"),
|
|
],
|
|
),
|
|
schema.Dropdown(
|
|
id = "zoom_level",
|
|
name = "Album art zoom",
|
|
desc = "How far the album art zooms in during its breathing effect.",
|
|
icon = "magnifyingGlass",
|
|
default = DEFAULT_ZOOM_LEVEL,
|
|
options = [
|
|
schema.Option(display = "Off", value = "off"),
|
|
schema.Option(display = "Subtle", value = "subtle"),
|
|
schema.Option(display = "Moderate", value = "moderate"),
|
|
schema.Option(display = "Strong", value = "strong"),
|
|
],
|
|
),
|
|
schema.Dropdown(
|
|
id = "zoom_position",
|
|
name = "Zoom position",
|
|
desc = "Where the album art zoom centers on.",
|
|
icon = "crosshairs",
|
|
default = DEFAULT_ZOOM_POSITION,
|
|
options = [
|
|
schema.Option(display = "Center", value = "center"),
|
|
schema.Option(display = "Random", value = "random"),
|
|
],
|
|
),
|
|
schema.Dropdown(
|
|
id = "static_overlay",
|
|
name = "Static overlay",
|
|
desc = "Show a brief TV-static effect over the album art as a track starts and ends.",
|
|
icon = "tv",
|
|
default = DEFAULT_STATIC_OVERLAY,
|
|
options = [
|
|
schema.Option(display = "On", value = "on"),
|
|
schema.Option(display = "Off", value = "off"),
|
|
],
|
|
),
|
|
],
|
|
)
|