Frutiger Aero: the theme now plays its soundtrack
Selecting Aero starts a random track from the Frutiger Aero playlist (Bigblamboii's set on SoundCloud); every following track is drawn at random too, so the set shuffles itself. The player is the credit bar from the mock: a 44px glass circle with a note by default, expanding into pause + the track's title + "SoundCloud - artist" (both reported by the widget). - Only Aero ever touches SoundCloud: the embed and the widget API are created while the theme is on and the listener has not turned it off; light/dark request nothing (pinned by a suite check). - The off choice persists (freezmo.aero-music.v1); re-selecting Aero in Settings is fresh consent (applyTheme clears it). - Autoplay rides the theme-selection gesture; after a reload the circle comes up paused (browsers require a gesture) and one tap starts it. - Volume 45; the iframe is 1px and inert, only the audio engine; the credit area collapses back to the circle without stopping the music. - Geometry: clears the phone tab bar, lifts above the chat composer and the wizard bar, steps aside under immersive overlays and while the cookie notice shares the corner. 44px targets on phones. - Cookie policy gained the third-party-embed paragraph it was owed. tests/aero-music-test.mjs (16th suite, stubbed widget API, 21 checks). All suites green, contrast scan clean. Version 0.7.0, SW v92.
This commit is contained in:
parent
71c56ad06f
commit
a4c85ed77a
14 changed files with 570 additions and 4 deletions
|
|
@ -2,6 +2,8 @@
|
|||
|
||||
import { useSyncExternalStore } from "react";
|
||||
|
||||
import { allowAeroMusic } from "./aero-music";
|
||||
|
||||
/**
|
||||
* The theme, as a shared store. It used to be component state inside
|
||||
* `useTheme()`, which meant every caller (header, rail, chat, Settings) had
|
||||
|
|
@ -61,9 +63,13 @@ export function syncThemeColor(theme: Theme) {
|
|||
}
|
||||
|
||||
export function applyTheme(next: Theme) {
|
||||
const previous = cached;
|
||||
document.documentElement.classList.toggle("dark", next === "dark");
|
||||
document.documentElement.classList.toggle("aero", next === "aero");
|
||||
syncThemeColor(next);
|
||||
/* Picking Aero (again) is the gesture that starts its soundtrack, so it
|
||||
also clears an earlier "turn the music off" (lib/aero-music). */
|
||||
if (next === "aero" && previous !== "aero") allowAeroMusic();
|
||||
cached = next;
|
||||
try {
|
||||
window.localStorage.setItem(STORAGE_KEY, next);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue