Réalisation d'une WEBSDR Fermé

Question

Bonjour,

Je suis en stage et ma mission consiste à réaliser une WEBSDR. La SDR tourne sur un serveur.  L'interface recherchée est semblable à cela : 

Le client doit pouvoir observer les fréquences reçues par la SDR grâce à un spectre (waterfall) et pouvoir appliquer des filtres.


Je pense que le processus doit se comporter un peu comme la figure ci dessus. Néanmoins, on me demande que ce soit le site qui gère le traitement et non Gnuradio car plusieurs utilisateurs peuvent se connecter en même temps. Je pourrai me pencher sur cela plus tard ce n'est pas (encore) mon problème.

Pour le moment, j'ai réussi à envoyer les données depuis GnuRadio vers un port du serveur en UDP. J'aimerais maintenant réaliser la passerelle vers le Web mais je ne maitrise vraiment pas les concepts et cela fait plusieurs semaines que je cherche, j'ai l'impression de m'égarer.

Je n'arrive pas à comprendre comment utiliser les websockets. Depuis le serveur je pense qu'il est possible de faire ça via le code python que j'ai déjà programmé pour écouter le port en UDP. Il faudrait alors rajouter une partie qui prend ces données pour les envoyer un autre port à l'aide des websockets.
Cependant c'est plutôt du coté client web que je suis perdu. J'ai passé quelques temps à étudier la création d'un site (très simple) et je peux concevoir un code HTML avec du CSS et potentiellement le rendre dynamique avec du PHP. Le problème c'est que je ne sais pas comment intégrer la partie échange de données avec le serveur. Je n'arrive pas à savoir si cela doit être intégrer au code html. Je ne sais pas en quel langage cela se ferait le mieux.

Bref, je suis perdu... Je recherche des pistes pour continuer mon travail

Merci pour votre écoute,

DoctorHow · Answer

Salut,
non HTML existe uniquement par le navigateur en local, du moins la page. On parle de page statiques(ou contenus statique).
Sinon ce sont les pages dynamiques où la gestion des données se fait à la demande de la page et pour construire/remplir le HTML avec les contenus dynamiques.
Plus d'explications sur le sujet ici
https://fr.wikipedia.org/wiki/Page_web_dynamique
et là:
https://fr.wikipedia.org/wiki/Architecture_trois_tiers

Ce qui permet d'éviter les websockets dont je ne vois pas l'intérêt dans ce contexte, ça serait utile si vous avez des données qui transitent dans les deux sens et besoin de les synchroniser(exemple typique pour un jeu en ligne où les joueurs ont besoin d'avoir la gestion de leurs stats/personnages en "temps réel").

Il faut regarder plutôt du côté de la gestion des flux(streaming) pour ce que vous voulez je pense.
Surtout que du côté de l'appli audio il y a pas mal de possibilité mais c'est un développement assez costaud en JavaScript. Il existe par contre des bibliothèque qui font ça notamment en libre et open source.

Ou alors faire transiter les données analysées(ex : la visualisation du spectre avec Python) par une base de données qui va servir à afficher celles ci dans la page ou même en flux de données associées au sons. Mais ça paraît plus compliqué que l'autre méthode(et lourd car en plus du traitement côté serveur il faut compter le poids des données envoyées) pour des résultats de même type.


Voilà j'espére ne pas dire de bêtise mais comme vous avez plusieurs tâches à faire et êtes en apprentissage le mieux serait de vous tourner vers votre responsable de stage pour lui demander:

quelle tâche faire en priorité(le serveur radio pour le web ou le lecteur côté client avec l'ajout de l'analyseur et des filtres audio).
Les deux seront nécessaires et il existent des solutions déjà faites, des bibliothèques de code notamment JavaScript ou des tutos pour faire le code vous même:
https://duckduckgo.com/?t=ffab&q=javascript+spectre+audio&ia=web

de quelle manière ou avec quels outils vous suggère t'il de le faire.
plutôt que passer par les websockets le mieux serait de créer un/des fichiers de lecture disponible par HTTP. Ce qui me semble bien plus pratique
S'il n'a rien à vous suggérer regardez par là:
https://developer.mozilla.org/fr/docs/Web/API/Web_Audio_API

Trouvé ça aussi:
https://www.commentcamarche.net/faq/37282-creer-une-webradio

ps: si vous avez  node.js dans votre environnement de travail ou un serveur du même type(comme PHP) il existe d'autres possibilités/solutions envisageable mais ce ne seront pas les plus simples ni les plus pratiques. A voir si elles correspondent mieux à vos besoins.

Pitet · Answer

Bonjour,

Coté client web, donc en javascript, tu peux utiliser l'API WebSocket : https://developer.mozilla.org/fr/docs/Web/API/WebSockets_API

Tu peux trouver plusieurs exemples pour le coté client en regardant le code source des sites similaires, par exemple tous les sites référencés sur websdr.org

Peut-être aussi regarder des exemples sur Github :
- https://github.com/FarnhamSDR/websdr (voir dans le dossier webpages pour la partie client)
- https://github.com/naj1024/pyspectrum (voir notamment les fichiers src/webUI/WebSocketServer.py et src/webUI/webroot/main.js)