Écouter Rennes

Dans le cadre de mon année de Master 1 à Rennes, j’ai développé un projet de cartographie sonore intitulée « Écouter Rennes ».

Le projet

Écouter Rennes vise à mettre en place une cartographie sonore de la ville. Il s’agit d’un site web composé d’une carte interactive, parsemée de points clés. A partir de chaque point clé, le visiteur accède à une prise de son faite dans le lieu correspondant.
L’objectif est de donner à entendre et percevoir la ville de Rennes différemment. Le visiteur est amené à naviguer librement dans la carte.

Plus de détails sur : https://timothee.douvisi.top/ecouter-rennes/

État actuel

Pour l’instant le site ne permet pas encore aux visiteurs d’ajouter leurs propres enregistrements, mais c’est un point que je compte travailler à l’avenir.

Voici quelques captures d’écran de ce à quoi ressemble le site

Lorsque l’on clique sur un point, une petite bulle s’ouvre, il est alors possible de cliquer sur le bouton lecture

La lecture commence lorsque l’on a cliqué sur le bouton d’un des points de la carte :

Une barre latérale indique alors la progression dans l’enregistrement, il est également possible de régler le volume

Lorsque la lecture est en cours, il est possible de la mettre en pause via l’icône principale :

Flèche pour la lecture
Flèche lorsque la lecture est en pause

Il est possible de changer de pages via le menu du site sans que la lecture ne soit coupée.

A terme le projet a une visée collaborative, c’est pourquoi il y a un onglet du site intitulé « Ajouter un Son ».

Pour l’instant cette fonction n’est pas disponible mais le visiteur pourra donc cliquer sur un emplacement de la carte et mettre en ligne un enregistrement fait à l’endroit correspondant :

Ajout d’un son

Langages et technologies utilisées :

HTML 5, CSS 3, PHP, JavaScript