Hello again! I’m back with another problem that I haven’t been able to solve via cutting and pasting JS from similar solutions in the forum. You guys have been super helpful in the past and I really appreciate any way you can help my slow brain with this one too…
The attached doc can hopefully help explain what I’m after as visually as possible Drag_Volume_Crossfade.hype.zip (544.8 KB)
I have an animated timeline that is controlled by horizontal drag plus two sound files that I want to crossfade (currently they are both playing at the same time so apologies for the mix). I want the scene to start with Sound 1 at full volume, Sound 2 no volume, then as the user drags the timeline, Sound 1 volume should fade out and Sound 2 volume should fade in like a crossfade. This should also work in reverse when dragging in the opposite direction.
To help visualise what I mean, I’ve used text in the scene, but this won’t be on the final animation. I’ve also changed the colour of the ellipse at the start and end point of the crossfade as an extra visual aid.
So thanks in advance and apologies for still being useless at JS but I’m pretty excited about what I’m going to build with this and would just love to find a solution if possible.