3dtours/SonicForgeStudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: double click to edit crash

Browse Source
This commit is contained in:
3dtours
2026-07-20 20:00:58 +07:00
parent f616e1fd70
commit f123199855
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/storage/sonicforge.db
BIN
View File
Binary file not shown.
app/templates/index.html
+11 -11
View File
@@ -1166,7 +1166,7 @@
// Draw waveform inside clip (speed-adjusted) with fade envelope applied // Draw waveform inside clip (speed-adjusted) with fade envelope applied
const drawXStart = Math.max(0, Math.floor(xStart)); const drawXStart = Math.max(0, Math.floor(xStart));
const drawXEnd = Math.min(w, Math.ceil(xEnd)); const drawXEnd = Math.min(drawWidth, Math.ceil(xEnd));
const samplesPerPixel = (buffer.sampleRate / zoom) * speed; const samplesPerPixel = (buffer.sampleRate / zoom) * speed;
const bufDur = buffer.duration; const bufDur = buffer.duration;
const mid = h / 2; const mid = h / 2;
@@ -1419,7 +1419,7 @@
} }
// Draw right-edge stretch handle indicator // Draw right-edge stretch handle indicator
if (wClip > 0 && wClip < w) { if (wClip > 0 && wClip < drawWidth) {
ctx.strokeStyle = clipColor; ctx.strokeStyle = clipColor;
ctx.lineWidth = 1.5; ctx.lineWidth = 1.5;
ctx.setLineDash([3, 3]); ctx.setLineDash([3, 3]);
@@ -2037,22 +2037,22 @@
ctx.strokeStyle = '#2a2a4e'; ctx.strokeStyle = '#2a2a4e';
ctx.lineWidth = 0.5; ctx.lineWidth = 0.5;
for (let t = 0; t <= buffer.duration; t += 0.5) { for (let t = 0; t <= buffer.duration; t += 0.5) {
const x = (t / buffer.duration) * w; const x = (t / buffer.duration) * drawWidth;
ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, h); ctx.stroke(); ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, h); ctx.stroke();
} }
for (let i = 0; i <= 10; i++) { for (let i = 0; i <= 10; i++) {
const y = (i / 10) * h; const y = (i / 10) * h;
ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(w, y); ctx.stroke(); ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(drawWidth, y); ctx.stroke();
} }
if (fadeInLen > 0) { if (fadeInLen > 0) {
const fadeX = (fadeInLen / buffer.duration) * w; const fadeX = (fadeInLen / buffer.duration) * drawWidth;
ctx.fillStyle = 'rgba(16, 185, 129, 0.12)'; ctx.fillStyle = 'rgba(16, 185, 129, 0.12)';
ctx.fillRect(0, 0, fadeX, h); ctx.fillRect(0, 0, fadeX, h);
} }
if (fadeOutLen > 0) { if (fadeOutLen > 0) {
const fadeX = ((buffer.duration - fadeOutLen) / buffer.duration) * w; const fadeX = ((buffer.duration - fadeOutLen) / buffer.duration) * drawWidth;
const fadeW = (fadeOutLen / buffer.duration) * w; const fadeW = (fadeOutLen / buffer.duration) * drawWidth;
ctx.fillStyle = 'rgba(239, 68, 68, 0.12)'; ctx.fillStyle = 'rgba(239, 68, 68, 0.12)';
ctx.fillRect(fadeX, 0, fadeW, h); ctx.fillRect(fadeX, 0, fadeW, h);
} }
@@ -2063,13 +2063,13 @@
ctx.lineWidth = 2; ctx.lineWidth = 2;
ctx.beginPath(); ctx.beginPath();
nodes.forEach((n, i) => { nodes.forEach((n, i) => {
const x = (n.time / buffer.duration) * w; const x = (n.time / buffer.duration) * drawWidth;
const y = nodeY(n, h); const y = nodeY(n, h);
if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y); if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);
}); });
ctx.stroke(); ctx.stroke();
nodes.forEach((n, i) => { nodes.forEach((n, i) => {
const x = (n.time / buffer.duration) * w; const x = (n.time / buffer.duration) * drawWidth;
const y = nodeY(n, h); const y = nodeY(n, h);
ctx.fillStyle = graphMode === 'pan' ? '#a855f7' : '#06b6d4'; ctx.fillStyle = graphMode === 'pan' ? '#a855f7' : '#06b6d4';
ctx.beginPath(); ctx.arc(x, y, 5, 0, Math.PI * 2); ctx.fill(); ctx.beginPath(); ctx.arc(x, y, 5, 0, Math.PI * 2); ctx.fill();
@@ -2081,7 +2081,7 @@
ctx.fillStyle = '#52525b'; ctx.fillStyle = '#52525b';
ctx.font = '11px sans-serif'; ctx.font = '11px sans-serif';
ctx.textAlign = 'center'; ctx.textAlign = 'center';
ctx.fillText(graphMode === 'pan' ? 'Click to add Pan points' : 'Click to add Volume points', w / 2, h / 2); ctx.fillText(graphMode === 'pan' ? 'Click to add Pan points' : 'Click to add Volume points', drawWidth / 2, h / 2);
ctx.textAlign = 'start'; ctx.textAlign = 'start';
} }
@@ -2089,7 +2089,7 @@
ctx.strokeStyle = graphMode === 'pan' ? '#a855f744' : '#06b6d444'; ctx.strokeStyle = graphMode === 'pan' ? '#a855f744' : '#06b6d444';
ctx.lineWidth = 1; ctx.lineWidth = 1;
ctx.setLineDash([4, 4]); ctx.setLineDash([4, 4]);
ctx.beginPath(); ctx.moveTo(0, zeroY); ctx.lineTo(w, zeroY); ctx.stroke(); ctx.beginPath(); ctx.moveTo(0, zeroY); ctx.lineTo(drawWidth, zeroY); ctx.stroke();
ctx.setLineDash([]); ctx.setLineDash([]);
}, [buffer, zoom, timelineWidth, volumeNodes, panningNodes, fadeInLen, fadeOutLen, graphMode]); }, [buffer, zoom, timelineWidth, volumeNodes, panningNodes, fadeInLen, fadeOutLen, graphMode]);