Hacía ya semanas que me encontré navegando en mis feeds con esta librería llamada Amplifon, ¿qué es Amplifon? pues básicamente un conjunto de herramientas que podemos usarpara poder generar sonidos en 3D sobre la capa de street view.
Podéis ver más información en el vídeo de su propia página web:
Al final le he dedicado unos minutos a hacerme una demo propia para una zona de Coruña, el palacio de la ópera, y me he centrado en 3 sonidos, el sonido de la cascada, el murmullo de la gente saliendo del palacio de la ópera y el tráfico de la calle juan florez. El problema está que no son sonidos reales de este lugar y tampoco el street view me brindaba la vista de la gente saliendo, así que habrá que echarle un poco de imaginación. Para el resto prefiero que vayáis a la página del creador del invento porque en la galería tiene un ejemplo bastante mejor que el mío. A continuación podéis ver mi ejemplo, lo he puesto en modo desarrollo para que podáis ver los iconos de las marcas donde he agregado los sonidos y comprobar que al alejarnos/acercarnos a dichas marcas el sonido nos llega de diferente manera. Primero escucharéis la cascada, si os movéis hacia la siguiente marca cerca de las escaleras del palacio de la ópera imaginaos que hay mucha gente y escucharéis los murmullos de la gente y si después nos dirigimos a la tercera marca escucharemos los sonidos que vendrían de juan florez, coches, una ambulancia, etc…
Para realizar este ejemplo hay que seguir los siguientes pasos:
- Crear una estructura html básica, y en el body generar un div con identificador «pano».
- Hay que añadir las librerías en primer lugar de google maps versión 3, jquery y la propia de sosv.js.
- Añadir unos estilos básicos:
html, body {
margin: 0;
padding: 0;
}
#pano {
width: 100%;
height: 100%;
position: absolute;
background: #000;
}
.amplifon {
position: absolute;
bottom: 10px;
right: 20px;
}
- Añadir el código javascript para cargar nuestros datos en formato json para los audios:
$(function(){
// Create your Sound of Street View - make sure the path points to your JSON file
new SOSV('data/demo.json');
});
- Crear una carpeta data donde alojaremos nuestro archivo demo.json y otra audio con los archivos *.mp3 a usar.
/*Nuestros sonidos en formato json*/
{
"id": "pano",
«lng»: «-8.4105247»,
«heading»: «1»,
«pitch»: «1»,»sounds»: [
{
«name»: «waterfall»,
«lat»: «43.3625904»,
«lng»: «-8.4108386»,
«src»: [
«audio/waterfall.mp3»
],
«db»: «80»,
«pause»: «0»
},
{
«name»: «coches»,
«lat»: «43.3627923»,
«lng»: «-8.4101495»,
«src»: [
«audio/coches.mp3»
],
«db»: «100»,
«pause»: «0»
},
{
«name»: «charla»,
«lat»: «43.3628407»,
«lng»: «-8.410547»,
«src»: [
«audio/charla.mp3»
],
«db»: «80»,
«pause»: «0»
}
]
}
Como podéis escuchar las posibilidades son tremendas y le da vida en cierta manera a todas estas vistas de street view. Imaginaros que a parte de poder ver todos los sitios que nos ha dejado ver podamos escuchar a la vez… la experiencia sería mayor, incluso no solo en exteriores, sino en interiores.