Impaczus/motif
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move Copy link to Generate & Play and align /play output.

Browse Source 
Shows Copy link beside the synth engine controls and makes /play run procedural generation to match the main page.
This commit is contained in:
b1rdmania
2025-12-26 18:26:49 +00:00
parent 8160c87258
commit 88891afd8e
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -877,7 +877,6 @@
<input type="range" id="soundfontVolume" min="0" max="1" step="0.01" value="0.7" /> <input type="range" id="soundfontVolume" min="0" max="1" step="0.01" value="0.7" />
</div> </div>
<div class="preview-actions"> <div class="preview-actions">
<button id="copyLinkBtn" type="button" disabled>Copy link</button>
<button id="nextResultBtn" class="next-result" disabled>Try Next Result</button> <button id="nextResultBtn" class="next-result" disabled>Try Next Result</button>
</div> </div>
</div> </div>
@@ -900,6 +899,7 @@
<div class="motif-controls"> <div class="motif-controls">
<button id="motifBtn" class="primary" disabled>Generate & Play</button> <button id="motifBtn" class="primary" disabled>Generate & Play</button>
<button id="motifStopBtn" disabled>Stop</button> <button id="motifStopBtn" disabled>Stop</button>
<button id="copyLinkBtn" type="button" disabled>Copy link</button>
<div class="volume-control"> <div class="volume-control">
<label for="motifVolume">Volume</label> <label for="motifVolume">Volume</label>
<input type="range" id="motifVolume" min="0" max="1" step="0.01" value="0.7" /> <input type="range" id="motifVolume" min="0" max="1" step="0.01" value="0.7" />
src/play.ts
+2 -2
View File
@@ -114,8 +114,8 @@ async function main(): Promise<void> {
setUiPlaying(true); setUiPlaying(true);
statusEl.textContent = 'Generating…'; statusEl.textContent = 'Generating…';
// Match main page output: passthrough → existing SynthesisEngine. // Match main page "Generate & Play": procedural role-mapping → existing SynthesisEngine.
await motifEngine.generateFromMIDI(events, 'passthrough'); await motifEngine.generateFromMIDI(events, 'procedural');
motifEngine.setVolume(Number.parseFloat(volumeEl.value)); motifEngine.setVolume(Number.parseFloat(volumeEl.value));
statusEl.textContent = 'Playing…'; statusEl.textContent = 'Playing…';