modify the way dragged region is colored

clement-pages · Dec 3, 2024 · 2128336 · 2128336
1 parent 8a8a9bc
commit 2128336
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/gryannote/audio/frontend/player/AudioPlayer.svelte b/gryannote/audio/frontend/player/AudioPlayer.svelte
@@ -46,7 +46,6 @@
 	let caption: Caption;
 
 	let regionsControl: RegionsControl;
-	let disableDragSelection: () => void;
 
 	const audioContext = new AudioContext();
 	const gainNodeIn = audioContext.createGain();
@@ -148,7 +147,7 @@
 	$: waveform?.on("init", () => {
 		if(!wsRegions){
 			wsRegions = waveform.registerPlugin(RegionsPlugin.create());
-			disableDragSelection = wsRegions.enableDragSelection({color: caption.getDefaultLabel().color});
+			wsRegions.enableDragSelection({});
 		}
 
 		if(!wsGamepad){
@@ -304,9 +303,6 @@
 					{wsGamepad}
 					on:select={(e) => {
 						regionsControl.setRegionLabel(e.detail);
-						// following line is needed to not add multiple region at the same time
-						disableDragSelection();
-						disableDragSelection = wsRegions.enableDragSelection({"color": e.detail.color});
 					}}
 					on:name_update={(e) => {
 						regionsControl.getRegions().forEach(region => {

diff --git a/gryannote/audio/frontend/player/RegionsControl.svelte b/gryannote/audio/frontend/player/RegionsControl.svelte
@@ -354,6 +354,9 @@
 		regionsMap.set(region.id, annotation);
 		updateAnnotations();
 
+		region.color = label.color;
+		region.setOptions(region);
+
 		// if this is the first region added on the waveform
 		if(!initialAnnotations){
 			initialAnnotations = [annotation];