Une interface web pour les lecteurs Eversolo DMP

J'apprécie beaucoup cet appareil : il permet vraiment de gérer sa bibliothèque musicale (au niveau écoute seulement), d'écouter des web radios facilement, et sans publicité. Son interface est également claire et présente différentes façons d'écouter de la musique (par titre, genre, année, artiste...). Le logiciel n'est pas exempt de bugs mais des mises à jour régulières les corrigent.

Pour piloter l'appareil, il y a plusieurs possibilités :

• directement depuis son écran tactile
• depuis l'application dédiée, qui reprend les fonctions, en l'installant sur une tablette ou un téléphone Android/iOS et ceci sans devoir créer un compte Google.

Le pilotage depuis un ordinateur n'est donc pas disponible, à moins d'installer l'APK de l'application sur son système d'exploitation, mais cela n'est pas toujours compatible. C'est pour cette raison que j'ai créé une interface web dédiée à cet appareil.

Interface web pour lecteur Eversolo DMP

Pour ce projet, je suis parti du style de l'interface créée par neoheresy, sur audiosciencereview.com, que je trouvais intéressante mais qui n'était qu'en mode envoi. Cette interface ne connait pas par exemple le statut des entrées/sorties ni le titre actuellement joué :

L'interface remaniée se présente ainsi :

Elle offre les fonctionnalités suivantes :

• Éteindre, redémarrer l'appareil
• Changer l'affichage, éteindre l'écran
• Passer à la musique suivante, revenir à la musique précédente, pause et reprise
• Modification du volume : réduire, augmenter, couper ou sélectionner immédiatement un volume
• Affichage des informations du titre joué : pochette de l'album, titre, artiste, album, caractéristiques techniques du fichier (canaux, fréquence d'échantillonnage, taille du fichier...)
• Durée du titre totale, écoulée et navigation dans la position du titre
• Affichage et modification de la source musicale (lecteur, bluetooth, USB, prise optique, prise coaxiale)
• Affichage et modification de la sortie musicale (XLR, RCA, HDMI, prise optique, USB)
• Détection du lecteur sur le réseau

Elle permet donc d'éteindre l'appareil ou de changer de titre lorsqu'on est dans une autre pièce, avec un PC sous la main, sans avoir de téléphone avec l'application à côté de soi.

Contraintes techniques

Les navigateurs bloquent par défaut les appels aux ressources présentes sur un autre nom de domaine que le lieu d'hébergement des fichiers, à moins que le serveur appelé ne renvoie une information d'autorisation d'appel CORS (Cross-Origin resource sharing) via un en-tête "Access-Control-Allow-Origin". Cela n'est pas le cas pour les API de l'appareil.

Pour contourner ce blocage, il est possible d'utiliser un proxy. J'en ai donc réalisé un en PHP, en quelques lignes de code, mais qui nécessite du coup l'installation d'Apache et de PHP.

Il est possible de le faire directement sur l'appareil, en installant Termux puis Apache et PHP.

Cependant, il faut qu'Apache soit lancé au démarrage mais le lecteur d'Eversolo ne permet pas/ne propose pas cette possibilité. Android, le système présent sur l'appareil, semble verrouiller tout lancement au démarrage...

Installation du logiciel

Le logiciel fourni ici requiert de disposer de son propre serveur PHP (sur un NAS par exemple). Il a seulement été testé sur DMP-A6.

• Sur votre serveur, créez le répertoire dédié (par exemple "eversolo-dmp") dans la partie web.
• Téléchargez l'archive du projet : dmp-a6.7z(60 Ko) et décompressez-là dans le répertoire créé
• Modifiez le fichier js/config.js afin d'indiquer l'adresse IP du streamer et l'adresse IP du proxy (celle-ci est au final celle du serveur).
  
  
• Sur votre serveur, créez un nouvel hôte virtuel. Par exemple, sur un NAS Synology, vous pouvez lancer Web Station et créer un hôte virtuel qui écoute un port spécifique.
• Sur un PC, accédez à l'URL de votre NAS, avec le port correspondant (ici http://192.168.0.1:8080). Vous devriez voir l'interface s'afficher.
  

Si le lecteur Eversolo n'est pas allumé ou si l'IP indiquée pour le lecteur est incorrecte, vous devriez avoir l'écran suivant :