rn; } var v = $('#ss-rec-bars').value, bars = v === 'auto' ? autoBars() : +v; var secs = bars * barSec() + 1.2; if (secs > 300) { toast('That is longer than 5 minutes; pick fewer bars.'); return; } stop(); busy(btn, true); E.recorder.start(); start().then(function () { var t0 = Date.now(); var iv = setInterval(function () { btn.textContent = '● Recording ' + Math.max(0, Math.ceil(secs - (Date.now() - t0) / 1000)) + 's'; }, 250); setTimeout(function () { clearInterval(iv); stop(); setTimeout(function () { E.recorder.stop().then(function (blob) { recBlob = blob; if (recUrl) URL.revokeObjectURL(recUrl); recUrl = URL.createObjectURL(blob); $('#ss-rec-audio').src = recUrl; $('#ss-rec-out').hidden = false; busy(btn, false); btn.textContent = '● Record again'; toast('Recorded ' + bars + ' bars. Listen, then save.'); }); }, 900); // let reverb tails ring out }, secs * 1000); }); }).catch(function () { busy(btn, false); toast('Tap again to start audio.'); }); }); $('#ss-rec-discard').addEventListener('click', function () { recBlob = null; $('#ss-rec-out').hidden = true; $('#ss-rec-audio').removeAttribute('src'); }); function songForm(withAudio) { var fd = new FormData(); fd.append('title', S.title || 'Untitled'); fd.append('lyrics', S.lyrics || ''); fd.append('bpm', S.bpm); fd.append('key', S.key); fd.append('patterns', JSON.stringify(S.patterns)); fd.append('studio', JSON.stringify({ sounds: S.sounds, vols: S.vols, mutes: S.mutes, swing: S.swing, chords: S.chords, suno: S.suno, genre: S.genre, mood: S.mood })); if (withAudio && recBlob) { var type = recBlob.type || 'audio/webm'; fd.append('audio', recBlob, 'ss-mix.' + (/mp4|aac/.test(type) ? 'm4a' : /ogg/.test(type) ? 'ogg' : 'webm')); } return fd; } function doSave(btn, withAudio) { if (!S.title) { var t = prompt('Song title?', 'Untitled'); if (t === null) return; S.title = t.trim() || 'Untitled'; save(); fillWrite(); } busy(btn, true); api('POST', '/api/ss/save', songForm(withAudio)).then(function (j) { toast('Saved “' + j.song.title + '” to My Songs.'); if (withAudio) { $('#ss-rec-out').hidden = true; recBlob = null; } songsLoaded = false; }).catch(function (e) { toast(e.message, 5000); }).then(function () { busy(btn, false); }); } $('#ss-save').addEventListener('click', function () { doSave(this, true); }); $('#ss-save-draft').addEventListener('click', function () { doSave(this, false); }); // ---------------------------------------------------------------- MY SONGS var songsLoaded = false; if (IS_ADMIN) $('#ss-all-wrap').hidden = false; $('#ss-all').addEventListener('change', function () { songsLoaded = false; loadSongs(); }); function loadSongs() { if (songsLoaded) return; songsLoaded = true; var ul = $('#ss-songs'); ul.innerHTML = '

Loading…

'; api('GET', '/api/ss/songs' + (IS_ADMIN && $('#ss-all').checked ? '?all=1' : '')).then(function (j) { var songs = j.songs || []; ul.innerHTML = songs.length ? songs.map(function (s) { return '

' + esc(s.title) + '' + esc((s.owner ? s.owner + ' · ' : '') + s.bpm + ' BPM · ' + s.key + ' · ' + fmtDate(s.created_at)) + '

' + (s.url ? '

' : '

No recording (draft)

') + '

' + (s.url ? 'Download' : '') + (IS_ADMIN && s.url ? '' : '') + '

'; }).join('') : '

No songs yet. Record one in the Studio tab and save it.

'; }).catch(function (e) { songsLoaded = false; ul.innerHTML = '

' + esc(e.message) + '

'; }); } $('#ss-songs').addEventListener('click', function (e) { var b = e.target.closest('[data-act]'); if (!b) return; var li = b.closest('.ss-song'), id = li.getAttribute('data-id'), act = b.getAttribute('data-act'); if (act === 'rename') { var t = prompt('New title', li.querySelector('.ss-song-t').textContent); if (!t || !t.trim()) return; api('POST', '/api/ss/songs/' + id + '/rename', { title: t.trim() }).then(function () { li.querySelector('.ss-song-t').textContent = t.trim(); toast('Renamed.'); }).catch(function (x)