Alternativa a PlayerMap con Umap y Archive

Domingo 16 de octubre de 2016, por Horacio González Diéguez

Desde el primer momento en que se concibió PlayerMap para el proyecto Einander zuhören – Stadt-(Ge)Schichten, nuestra intención fue hacer una adaptación posterior que permitiese utilizar la API de Archive en lugar de la de Souncloud. Sin embargo, aunque Xoán-Xil lleva insistiendo en esta posibilidad desde entonces, todavía no hemos podido participar en ningún proyecto que financiase el desarrollo. No se trata de algo complejo pero, como la reciente clausura de Escoitar demuestra, en los últimos años el apoyo al colectivo a brillado por su ausencia. A raíz de la desaparición de los grupos de Soundcloud esta necesidad se ha hecho cada vez mas patente y, con la clausura de Escoitar, muchas personas de nuestro entorno se han quedado sin un mapa para publicar sus grabaciones de campo. Xoán-Xil me ha propuesto una solución muy sencilla utilizando Umap de OpenStreetMaps, que acabo de implementar añadiendo un reproductor de audio de SoundManager2. Aquí os la dejo para todas aquellas personas que os interese.

Mapa sonoro de demostración creado con Bar-Ui 4 Maps, Umap y Archive

1) Necesitarás un servidor que pueda ejecutar php, porque el reproductor recoge dinámicamente la URL y el nombre del track de un listado de audio que se envía como variable $_GET.

2) Descarga la carpeta del reproductor en GitHub y súbela a tu servidor.

PNG - 87.7 KB

3) Crea un mapa en Umap.

PNG - 73.5 KB

4) Como contenido de los marcadores añade un iframe a la página del reproductor de audio utilizando el siguiente atajo.

{{{URL_COMPLETA}}}

5) Conforma cada url del reproductor para que reproduzca un listado de grabaciones siguiendo el siguiente esquema.

URL_DEL_REPRODUCTOR + ?file= +  LISTADO_DE_GRABACIONES

6) Puedes añadir una o cuantas grabaciones quieras al listado de grabaciones, pero es fundamental que toda la información que añadas después de ?file= esté codificada, no escrita directamente con caracteres normales y siga de forma estricta el siguiente esquema.

URL_DEL_AUDIO + :: +  NOMBRE_DEL_AUDIO + , +   URL_DEL_AUDIO + :: + NOMBRE_DEL_AUDIO

7) Una vez conformado el listado puedes utilizar este siguiente formulario -http://meyerweb.com/eric/tools/dencoder/- para codificarlo copiándolo en la caja de texto y pulsando encode.

Por ejemplo, para reproducir el audio – https://archive.org/download/AveMaria_201610/Carraca.mp3 – bajo el título – Campás e Campaneiros 2016 - Carraca de mondoñedo – y el audio – https://archive.org/download/AveMaria_201610/Roda_de_campanillas.mp3 – bajo el título – Campás e Campaneiros 2016 - Roda de campanillas –, escribimos lo siguiente en la caja de texto:

https://archive.org/download/AveMaria_201610/Carraca.mp3::Campás e Campaneiros 2016 - Carraca de mondoñedo,https://archive.org/download/AveMaria_201610/Roda_de_campanillas.mp3::Campás e Campaneiros 2016 - Roda de campanillas

PNG - 101.8 KB

Con el fin de obtener el siguiente resultado:

https%3A%2F%2Farchive.org%2Fdownload%2FAveMaria_201610%2FCarraca.mp3%3A%3ACamp%C3%A1s%20e%20Campaneiros%202016%20-%20Carraca%20de%20mondo%C3%B1edo%2Chttps%3A%2F%2Farchive.org%2Fdownload%2FAveMaria_201610%2FRoda_de_campanillas.mp3%3A%3ACamp%C3%A1s%20e%20Campaneiros%202016%20-%20Roda%20de%20campanillas

PNG - 110 KB

8) Una vez realizada la codificación del listado de grabaciones podrás añadirla a la url del reproductor como indicaba el paso 4.

URL_DEL_REPRODUCTOR + ?file= +  LISTADO_DE_GRABACIONES

Para nuestro ejemplo el resultado sería el siguiente.

https://debug.cgeomap.eu/bar-ui/index.php?file=https%3A%2F%2Farchive.org%2Fdownload%2FAveMaria_201610%2FCarraca.mp3%3A%3ACamp%C3%A1s%20e%20Campaneiros%202016%20-%20Carraca%20de%20mondo%C3%B1edo%2Chttps%3A%2F%2Farchive.org%2Fdownload%2FAveMaria_201610%2FRoda_de_campanillas.mp3%3A%3ACamp%C3%A1s%20e%20Campaneiros%202016%20-%20Roda%20de%20campanillas

PNG - 219.3 KB

9) Finalmente comparte tu mapa o embébelo en tu web -http://u.osmfr.org/m/107315/-.

* Nota Importante: Muchas plataformas como IOS o Android están modificando su política de permisos respecto a las aplicaciones basadas en mapas y exigiendo por defecto que todos los contenidos sean servidos mediante https. Si no dispones de un certificado de seguridad es posible que tu reproductor no se muestre en algunos navegadores. En ese caso puedes utilizar directamente el reproductor de este ejemplo -https://debug.cgeomap.eu/bar-ui/index.php-.
2015 VHPLab. I 2014 I 2013 I
English I Galego