skyler
/
Lightningbeam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add names to audio layers

This commit is contained in:
Skyler Lehmkuhl 2024-12-07 20:25:09 -05:00
parent 9131f9b4ee
commit 7cf9255e4f
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/main.js
View File

@ -345,10 +345,11 @@ let actions = {
} }
}, },
addAudio: { addAudio: {
create: (audiosrc, object) => { create: (audiosrc, object, audioname) => {
redoStack.length = 0 redoStack.length = 0
let action = { let action = {
audiosrc:audiosrc, audiosrc:audiosrc,
audioname: audioname,
uuid: uuidv4(), uuid: uuidv4(),
layeruuid: uuidv4(), layeruuid: uuidv4(),
frameNum: object.currentFrameNum, frameNum: object.currentFrameNum,
@ -362,7 +363,7 @@ let actions = {
const player = new Tone.Player().toDestination(); const player = new Tone.Player().toDestination();
await player.load(action.audiosrc) await player.load(action.audiosrc)
// player.autostart = true; // player.autostart = true;
let newAudioLayer = new AudioLayer(action.layeruuid) let newAudioLayer = new AudioLayer(action.layeruuid, action.audioname)
let object = pointerList[action.object] let object = pointerList[action.object]
const img = new Image(); const img = new Image();
img.className = "audioWaveform" img.className = "audioWaveform"
@ -1263,7 +1264,7 @@ class Layer {
} }
class AudioLayer { class AudioLayer {
constructor(uuid) { constructor(uuid, name) {
this.sounds = {} this.sounds = {}
this.track = new Tone.Part(((time, sound) => { this.track = new Tone.Part(((time, sound) => {
console.log(this.sounds[sound]) console.log(this.sounds[sound])
@ -1274,9 +1275,14 @@ class AudioLayer {
} else { } else {
this.idx = uuid this.idx = uuid
} }
if (!name) {
this.name = "Audio"
} else {
this.name = name
}
} }
copy(idx) { copy(idx) {
let newAudioLayer = new AudioLayer(idx.slice(0,8)+this.idx.slice(8)) let newAudioLayer = new AudioLayer(idx.slice(0,8)+this.idx.slice(8), this.name)
for (let soundIdx in this.sounds) { for (let soundIdx in this.sounds) {
let sound = this.sounds[soundIdx] let sound = this.sounds[soundIdx]
let newPlayer = new Tone.Player(sound.buffer()).toDestination() let newPlayer = new Tone.Player(sound.buffer()).toDestination()
@ -2554,7 +2560,7 @@ function stage() {
reader.readAsDataURL(file); reader.readAsDataURL(file);
reader.onload = function(event) { reader.onload = function(event) {
let audiosrc = event.target.result; let audiosrc = event.target.result;
actions.addAudio.create(audiosrc, context.activeObject) actions.addAudio.create(audiosrc, context.activeObject, file.name)
} }
} }
i++; i++;
@ -3348,6 +3354,17 @@ function updateLayers() {
let sound = audioLayer.sounds[i] let sound = audioLayer.sounds[i]
layerTrack.appendChild(sound.img) layerTrack.appendChild(sound.img)
} }
let layerName = document.createElement("div")
layerName.className = "layer-name"
layerName.contentEditable = "plaintext-only"
layerName.addEventListener("click", (e) => {
e.stopPropagation()
})
layerName.addEventListener("blur", (e) => {
actions.changeLayerName.create(audioLayer, layerName.innerText)
})
layerName.innerText = audioLayer.name
layerHeader.appendChild(layerName)
} }
} }
} }