BuboBubo/oldboy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixing scope and spectrogram

Browse Source
This commit is contained in:
Raphaël Forment
2025-10-15 13:03:22 +02:00
parent 1ead074e21
commit c5733897ea
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/audio/AudioScope.svelte
View File

@ -9,7 +9,7 @@
let container: HTMLDivElement;
let canvas: HTMLCanvasElement;
let canvasContext: CanvasRenderingContext2D | null = null;
let canvasContext = $state<CanvasRenderingContext2D | null>(null);
let animationFrameId: number | null = null;
let dataArray: Uint8Array | null = null;
let width = $state(800);
@ -28,7 +28,7 @@
function setupScope(node: AnalyserNode) {
try {
const bufferLength = node.frequencyBinCount;
const bufferLength = node.fftSize;
dataArray = new Uint8Array(bufferLength);
startDrawing(node);
} catch (error) {
@ -93,6 +93,10 @@
onMount(() => {
if (canvas) {
canvasContext = canvas.getContext('2d');
if (canvasContext) {
canvasContext.fillStyle = '#0a0a0a';
canvasContext.fillRect(0, 0, canvas.width, canvas.height);
}
}
updateSize();

2
src/lib/components/audio/Spectrogram.svelte
View File

@ -9,7 +9,7 @@
let container: HTMLDivElement;
let canvas: HTMLCanvasElement;
let canvasContext: CanvasRenderingContext2D | null = null;
let canvasContext = $state<CanvasRenderingContext2D | null>(null);
let animationFrameId: number | null = null;
let dataArray: Uint8Array | null = null;
let width = $state(800);