Skip to content

zachlatta/soundscape

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Soundscape

Ever watch a video like this? Or how about like this?

I love listening to music when doing work, but I often don't want an experience as "intense" as wearing headphones and hearing just the song I'm listening to pumped straight into my ear, so I turn to videos like the above where I can hear rain or coffee shop sounds in the background, in addition to the music.

Soundscape is a web interface to make your own "soundscapes" from YouTube videos. Open up the editor, paste in some links to YouTube videos with audio you want to use, and then drag them around on the screen to spatially position the audio in your soundscape. Finally, click the share button to get a unique link to your current creation that you can link to friends.

Soundscape is still in development, and not fully functional yet.


Start development server:

$ npm run dev

To-Do items:

  • Positional audio

Need to rip out Howler.js to support both streaming audio from a URL and spatialization, or figure out a way to stream audio to Howler.js Web Audio API backend.

  • Looping audio
  • Showing play progress indicator with seeking
  • Pausing audio
  • Volume control
  • Backend to take YouTube videos and convert them to audio
  • Sharable links

Stretch: Render to video?

About

Attempt to make a soundscape designer in the web

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published