This is an website app inspired by Drive and Listen. This is completely open-source and the only third-party service it uses is the iFrame API by Google to control the videos on the background. Please enjoy the app here.

1. Clone this project
2. Open the index.html
3. Great. You have your own Walk and Listen running locally.

If you need to add more locations locally go to the file js/locations.js and increment there with all the respective properties: id, name, videoId and radio.

To begin with, a huge thank you to (...) for providing high quality walking tours on cities from all around the globe. This is where the videos where scrapped from and implemented on the website.

Simply by looking at the source code of a great website, radiowebsites.org, which provides a lot of radios from around the world and at their page source code they call this api where they get the source url of the radios.

I just add a simple line of css code to the iframe player

.player {
	pointer-events: none;
}

Just adding a height of 120% and removing the overflow of the page will remove the top and bottom youtube extra controllers.

• You can see more of the magic by looking at the source code.