We use latitude and longitude to 'place' a marker just like any Google Maps marker, but invisibly.
We calculate the distance between the user and a specific sound as if Street View was a sphere (Earth).
We find the angle at which a sound is lying at from the user to generate stereophonic sound.
The pinna (1) catches sound waves and your outer ear points forward, containing a number of curves. This helps you determine the direction of a sound.
If a sound is coming from behind or above you, it will bounce off the pinna in a different way than if it is coming from in front or below you.
This alters the pattern of sound waves. Your brain recognizes distinctive patterns and determines which direction the sound is coming from.
To imitate human ears we apply a ‘low-pass filter’ to the sound gradually, the further behind the user it is.
Sphere Area4πr²
Finally, we apply the Inverse Square Law of sound which truly demonstrates distance from a sound.
We collect all of the calculated aspects...
... to gain two outcomes entailing separate volume and
filtering from ear imitation for each ear.
The Sounds of Street View Framework gives developers with minimal coding experience the opportunity to create bespoke soundscape experiences with ease, through the completion of just 6 easy-to-follow steps.
The framework includes all of the calculations used to create the full 3-dimensional Sounds of Street View experience, as explained within this page. This means that by simply Downloading the framework and selecting a few options, you have the power to craft life-like sound-scapes in a 3-dimensional environment, almost anywhere in the world. For an in-depth process, you can view the development ReadMe. See what others have made.
Now we’ll take you through, step-by-step what you need to create.
The first thing to do is to download the S.O.S.V framework we have supplied. This includes all HTML, documentation and JavaScript involved with calculating the volumes which your sounds will output.
Download the FrameworkNext step, select a location to be used in your experience. You then need to find the latitude and longitude values of your Street View.
Find location in Google MapsYou can find the values in the URL bar:
Lastly, place these two values into your file 'location.json', in the fields located at line 8.
There are a large variety of ways of doing this phase, including creating sounds yourself using free audio recording software such as Audacity or sound recording apps on your smartphone. You can also purchase a huge variety of sounds from a number of sites which are showcased below.
Audacity can then be used to easily alter, loop, crop or otherwise finesse your sounds.
For the Sounds of Street View projectyou just need to export an MP3 file for each sound.
Audacity® is a free audio software for recording and editing sounds. Easy to use for beginners and deep enough for pros.
Visit AudacityAudioJungle offers royalty-free music and sound effects for a few dollars. Home to a bustling community of audio producers.
Visit AudiojunglePond5 a vibrant marketplace for creativity. Media makers find the content they need, and make money doing what they love.
Visit Pond5123RF is a royalty-free digital media library that offers a wide variety of budget-friendly commercial and editorial audio.
Visit 123RFThe world’s first online commercial sound effects and production music library, with over 670,000 sound files online.
Visit SounddogsAudioMicro provides royalty free sound effects by Grammy award-winning composers and Oscar winning sound effects artists.
Visit AudioMicroCreated by sound designers for sound designers, you'll find over 100,000 cutting-edge and imaginative sound samples.
Visit SFX SourceFlash Kit provides a host of useful and often rare sounds, with an ever growing list of freeware sounds for you to download.
Visit Flask KitOnce you have chosen a location and placed it into your framework you are then able to use the framework’s placement tool via a special URL:
Here you can drag markers into different locations and the code is then presented to you in a copy and pastable format, ready to place in.
Once you have chosen a location and placed it into your framework you are then able to use the
0 - 100
(Loudest)This represents the volume of each sound with a range from 0-100. 0 denotes no sound at all.
∞/1000 = 1sec.