How and Create

Sounds of Street View is a digital explorative 3D sound experience in a street view environment produced by Amplifon. Find out how it's made and create your own.

Curious?
Creative?

Create your own sound experience with the sosv framework.

Giving the World Sound

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.

6 Easy Steps

Download Framework

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 Framework
View on Github

Location Input

Next 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 Maps

You 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.

Download / Create Sounds

1 Source the sound

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.

2 Post-production

Audacity can then be used to easily alter, loop, crop or otherwise finesse your sounds.

3 Export Files

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 Audacity
  • AudioJungle offers royalty-free music and sound effects for a few dollars. Home to a bustling community of audio producers.

    Visit Audiojungle
  • Pond5 a vibrant marketplace for creativity. Media makers find the content they need, and make money doing what they love.

    Visit Pond5
  • 123RF is a royalty-free digital media library that offers a wide variety of budget-friendly commercial and editorial audio.

    Visit 123RF
  • The world’s first online commercial sound effects and production music library, with over 670,000 sound files online.

    Visit Sounddogs
  • AudioMicro provides royalty free sound effects by Grammy award-winning composers and Oscar winning sound effects artists.

    Visit AudioMicro
  • Created by sound designers for sound designers, you'll find over 100,000 cutting-edge and imaginative sound samples.

    Visit SFX Source
  • Flash Kit provides a host of useful and often rare sounds, with an ever growing list of freeware sounds for you to download.

    Visit Flask Kit

Sound Marker Locations

Once 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.

Edit Sound Settings

Once you have chosen a location and placed it into your framework you are then able to use the

"db" : "50",
Range

0 - 100

(Loudest)

This represents the volume of each sound with a range from 0-100. 0 denotes no sound at all.


"pause" : "0",
Range

∞/1000 = 1sec.

Share your experience with the world and you could win a trip of your choice.

Competition details
Download the Framework
View on Github
Produced by Amplifon