2026-06-29 23:18:43 -04:00
|
|
|
/*
|
|
|
|
|
Copyright 2026 Lotus Guild
|
|
|
|
|
|
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
|
|
|
Please see LICENSE in the repository root for full details.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
import { type Room as LivekitRoom, Track } from "livekit-client";
|
|
|
|
|
import { logger } from "matrix-js-sdk/lib/logger";
|
|
|
|
|
import { type IWidgetApiRequest } from "matrix-widget-api";
|
|
|
|
|
|
|
|
|
|
import { type CallViewModel } from "../state/CallViewModel/CallViewModel";
|
|
|
|
|
import { widget } from "../widget";
|
|
|
|
|
import { LotusWidgetActions } from "./lotusActions";
|
2026-06-30 00:00:40 -04:00
|
|
|
import { lotusFlag } from "./lotusWidget";
|
2026-06-29 23:18:43 -04:00
|
|
|
|
|
|
|
|
/** Hard cap so a malformed/huge clip can't hold a published track open forever. */
|
|
|
|
|
const MAX_CLIP_MS = 30_000;
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Handle the host's `io.lotus.inject_audio` toWidget action (#3): mix a
|
|
|
|
|
* soundboard clip into the call so other participants hear it.
|
|
|
|
|
*
|
|
|
|
|
* Rather than splice into the local mic track (which would fight the denoise
|
|
|
|
|
* pipeline), we publish the clip as a separate `Unknown`-source LiveKit audio
|
|
|
|
|
* track — which `MatrixAudioRenderer` already renders for valid call members —
|
|
|
|
|
* and unpublish it when the clip ends. This is the real call-audio injection
|
|
|
|
|
* that was impossible against the prebuilt EC bundle (LiveKit's
|
|
|
|
|
* LocalParticipant lived in EC's module scope).
|
|
|
|
|
*
|
2026-06-29 23:26:45 -04:00
|
|
|
* Action data: `{ url: string, volume?: number }`. `url` must be an https/blob
|
|
|
|
|
* URL (the host resolves mxc → media URL).
|
2026-06-29 23:18:43 -04:00
|
|
|
*
|
2026-06-29 23:26:45 -04:00
|
|
|
* No effect unless the host sends the action. Returns a teardown function that
|
|
|
|
|
* also aborts any clip still playing.
|
2026-06-29 23:18:43 -04:00
|
|
|
*/
|
|
|
|
|
export function startLotusAudioInject(vm: CallViewModel): () => void {
|
|
|
|
|
const w = widget;
|
|
|
|
|
if (!w) return () => undefined;
|
|
|
|
|
|
|
|
|
|
// Track the set of connected LiveKit rooms to publish into.
|
|
|
|
|
let rooms: LivekitRoom[] = [];
|
|
|
|
|
const sub = vm.livekitRoomItems$.subscribe((items) => {
|
|
|
|
|
rooms = items.map((i) => i.livekitRoom);
|
|
|
|
|
});
|
|
|
|
|
|
2026-06-29 23:26:45 -04:00
|
|
|
// In-flight clips, so we can abort them on teardown (unmount / vm change /
|
|
|
|
|
// call leave) instead of leaving audio blasting to peers.
|
|
|
|
|
const activeClips = new Set<() => void>();
|
|
|
|
|
|
2026-06-29 23:18:43 -04:00
|
|
|
const handler = (ev: CustomEvent<IWidgetApiRequest>): void => {
|
2026-06-30 00:00:40 -04:00
|
|
|
// Always ack so the transport doesn't hang, but only act when the host has
|
|
|
|
|
// explicitly opted in: audio-inject publishes under the local user's
|
|
|
|
|
// identity, so it must not be silently armed for every call.
|
2026-06-29 23:18:43 -04:00
|
|
|
void w.api.transport.reply(ev.detail, {});
|
2026-06-30 00:00:40 -04:00
|
|
|
if (!lotusFlag("lotusAudioInject")) return;
|
2026-06-29 23:18:43 -04:00
|
|
|
const data = ev.detail.data as
|
|
|
|
|
| { url?: unknown; volume?: unknown }
|
|
|
|
|
| undefined;
|
2026-06-29 23:26:45 -04:00
|
|
|
const url = typeof data?.url === "string" ? safeMediaUrl(data.url) : null;
|
2026-06-29 23:18:43 -04:00
|
|
|
if (!url) {
|
2026-06-29 23:26:45 -04:00
|
|
|
logger.warn("[lotus] inject_audio: missing/invalid url");
|
2026-06-29 23:18:43 -04:00
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const volume =
|
2026-06-29 23:26:45 -04:00
|
|
|
typeof data?.volume === "number" && data.volume >= 0 && data.volume <= 1
|
2026-06-29 23:18:43 -04:00
|
|
|
? data.volume
|
|
|
|
|
: 1;
|
2026-06-29 23:26:45 -04:00
|
|
|
void playInjectedClip(url, volume, rooms, activeClips).catch((e) =>
|
2026-06-29 23:18:43 -04:00
|
|
|
logger.warn("[lotus] inject_audio failed", e),
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
w.lazyActions.on(LotusWidgetActions.InjectAudio, handler);
|
|
|
|
|
return () => {
|
|
|
|
|
sub.unsubscribe();
|
|
|
|
|
w.lazyActions.off(LotusWidgetActions.InjectAudio, handler);
|
2026-06-29 23:26:45 -04:00
|
|
|
// Abort anything still playing.
|
|
|
|
|
for (const abort of [...activeClips]) abort();
|
2026-06-29 23:18:43 -04:00
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2026-06-29 23:26:45 -04:00
|
|
|
/** Only allow fetchable media URLs; never same-origin credentialed GETs etc. */
|
|
|
|
|
function safeMediaUrl(raw: string): string | null {
|
|
|
|
|
try {
|
|
|
|
|
const u = new URL(raw, window.location.href);
|
|
|
|
|
return u.protocol === "https:" || u.protocol === "blob:" ? u.href : null;
|
|
|
|
|
} catch {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2026-06-29 23:18:43 -04:00
|
|
|
async function playInjectedClip(
|
|
|
|
|
url: string,
|
|
|
|
|
volume: number,
|
|
|
|
|
rooms: LivekitRoom[],
|
2026-06-29 23:26:45 -04:00
|
|
|
activeClips: Set<() => void>,
|
2026-06-29 23:18:43 -04:00
|
|
|
): Promise<void> {
|
|
|
|
|
if (rooms.length === 0) {
|
|
|
|
|
logger.warn("[lotus] inject_audio: no connected rooms");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2026-07-01 23:21:50 -04:00
|
|
|
// Max ONE clip at a time (replace mode): stop any in-flight clip before
|
|
|
|
|
// starting a new one, so clips can't overlap or be spammed. Runs
|
|
|
|
|
// synchronously before the first await, and each cleanup() is idempotent and
|
|
|
|
|
// removes itself from activeClips (so no track leak). The host also debounces
|
|
|
|
|
// the button; together they cover the brief fetch window.
|
|
|
|
|
for (const abort of [...activeClips]) abort();
|
|
|
|
|
|
2026-06-29 23:26:45 -04:00
|
|
|
const resp = await fetch(url, { credentials: "omit", mode: "cors" });
|
2026-06-29 23:18:43 -04:00
|
|
|
if (!resp.ok) throw new Error(`fetch ${url} -> ${resp.status}`);
|
|
|
|
|
const arrayBuffer = await resp.arrayBuffer();
|
|
|
|
|
|
|
|
|
|
const ctx = new AudioContext();
|
2026-06-29 23:26:45 -04:00
|
|
|
// The action arrives via host postMessage, not a gesture in this iframe, so
|
|
|
|
|
// the context may start suspended — resume it or the clip is silent and
|
|
|
|
|
// `onended` never fires.
|
|
|
|
|
try {
|
|
|
|
|
await ctx.resume();
|
|
|
|
|
} catch {
|
|
|
|
|
/* best effort */
|
|
|
|
|
}
|
|
|
|
|
if (ctx.state !== "running")
|
|
|
|
|
logger.warn(`[lotus] inject_audio: AudioContext is ${ctx.state}`);
|
|
|
|
|
|
|
|
|
|
let buffer: AudioBuffer;
|
|
|
|
|
try {
|
|
|
|
|
buffer = await ctx.decodeAudioData(arrayBuffer);
|
|
|
|
|
} catch (e) {
|
|
|
|
|
void ctx.close();
|
|
|
|
|
throw e;
|
|
|
|
|
}
|
|
|
|
|
|
2026-06-29 23:18:43 -04:00
|
|
|
const dest = ctx.createMediaStreamDestination();
|
|
|
|
|
const gain = ctx.createGain();
|
|
|
|
|
gain.gain.value = volume;
|
|
|
|
|
const source = ctx.createBufferSource();
|
|
|
|
|
source.buffer = buffer;
|
|
|
|
|
source.connect(gain).connect(dest);
|
|
|
|
|
|
|
|
|
|
const mst = dest.stream.getAudioTracks()[0];
|
|
|
|
|
if (!mst) {
|
|
|
|
|
void ctx.close();
|
|
|
|
|
throw new Error("no audio track from destination");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Publish (a clone of) the clip track to every connected room.
|
|
|
|
|
const publications = await Promise.all(
|
|
|
|
|
rooms.map(async (room) => {
|
2026-06-29 23:26:45 -04:00
|
|
|
const clone = mst.clone();
|
2026-06-29 23:18:43 -04:00
|
|
|
try {
|
2026-06-29 23:26:45 -04:00
|
|
|
const pub = await room.localParticipant.publishTrack(clone, {
|
2026-06-29 23:18:43 -04:00
|
|
|
source: Track.Source.Unknown,
|
|
|
|
|
name: "lotus-soundboard",
|
|
|
|
|
dtx: false,
|
|
|
|
|
red: false,
|
|
|
|
|
});
|
|
|
|
|
return { room, pub };
|
|
|
|
|
} catch (e) {
|
2026-06-29 23:26:45 -04:00
|
|
|
clone.stop(); // don't leak the clone if publish failed
|
2026-06-29 23:18:43 -04:00
|
|
|
logger.warn("[lotus] inject_audio: publish failed", e);
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
let cleanedUp = false;
|
|
|
|
|
const cleanup = (): void => {
|
|
|
|
|
if (cleanedUp) return;
|
|
|
|
|
cleanedUp = true;
|
2026-06-29 23:26:45 -04:00
|
|
|
activeClips.delete(cleanup);
|
|
|
|
|
try {
|
|
|
|
|
source.stop();
|
|
|
|
|
} catch {
|
|
|
|
|
/* already stopped */
|
|
|
|
|
}
|
2026-06-29 23:18:43 -04:00
|
|
|
for (const entry of publications) {
|
|
|
|
|
if (entry?.pub.track)
|
|
|
|
|
void entry.room.localParticipant
|
|
|
|
|
.unpublishTrack(entry.pub.track, true)
|
|
|
|
|
.catch(() => undefined);
|
|
|
|
|
}
|
|
|
|
|
void ctx.close().catch(() => undefined);
|
|
|
|
|
};
|
2026-06-29 23:26:45 -04:00
|
|
|
activeClips.add(cleanup);
|
2026-06-29 23:18:43 -04:00
|
|
|
|
|
|
|
|
source.onended = cleanup;
|
2026-06-29 23:26:45 -04:00
|
|
|
// Safety net: clip metadata can lie (NaN/huge duration), so force teardown
|
|
|
|
|
// after a sane, capped delay.
|
|
|
|
|
const durationMs = Number.isFinite(buffer.duration)
|
|
|
|
|
? buffer.duration * 1000 + 500
|
|
|
|
|
: MAX_CLIP_MS;
|
|
|
|
|
const guard = setTimeout(cleanup, Math.min(MAX_CLIP_MS, Math.max(0, durationMs)));
|
2026-06-29 23:18:43 -04:00
|
|
|
source.addEventListener("ended", () => clearTimeout(guard));
|
|
|
|
|
|
|
|
|
|
source.start();
|
|
|
|
|
}
|