Raspberry Radio Internet (Partie II)

L’idée de ce projet est de créer une application radio web qui permet d’écouter vos stations préférées via une interface web locale. Un premier prototype a été présenté dans cet article.
Le système se lance automatiquement au démarrage, ouvre un serveur Flask, et vous propose une interface web avec des boutons pour chaque station ou action (volume, arrêt, redémarrage…).

Ce projet repose sur plusieurs fichiers principaux, que nous allons présenter étape par étape.

1. Fichier `radio.desktop`

Ce fichier est placé dans le répertoire ~/.config/autostart/ et permet de lancer automatiquement le script au démarrage de votre session.

Dans ce source remplacer « geo » par le nom d’utilisateur du Raspberry (exemple : pi)

Shell

[Desktop Entry]
Type=Application
Name=Radio Player
Exec=lxterminal -e "/home/geo/start_radio.sh"
X-GNOME-Autostart-enabled=true

👉 Ici, on demande à lxterminal d’ouvrir un terminal et d’exécuter le script start_radio.sh.

2. Fichier `start_radio.sh`

C’est un petit script bash qui attend 15 secondes (le temps que le Wi-Fi se connecte), active l’environnement virtuel Python et lance le serveur Flask.

Dans ce source remplacer « geo » par le nom d’utilisateur du Raspberry (exemple : pi)

Shell

#!/bin/bash
sleep 15
cd /home/geo/Documents/radio
source bin/activate
/home/geo/Documents/radio/bin/python /home/geo/Documents/radio/radio_player_http.py
echo
echo "Script termine, Entree pour fermer la fenetre"
read

👉 Grâce à ce script, vous êtes sûr que votre serveur démarre dans le bon environnement virtuel, même après un redémarrage.

3. Fichier `radio_player_http.py`

C’est le cœur du projet.
Il utilise Flask pour le serveur web et python-vlc pour piloter la lecture des flux radios.
Les stations disponibles sont définies dans radios.ini.

Python

import os, configparser, vlc
from flask import Flask, render_template, jsonify

def load_actions():
    config = configparser.ConfigParser()
    config.read(CONFIG_FILE, encoding="utf-8")
    return dict(config["radios"]) if "radios" in config else {}
    
app = Flask(__name__)
instance = vlc.Instance()
player = instance.media_player_new()
volume = 50
current_station=""
CONFIG_FILE = "radios.ini"
actions = load_actions()

@app.route("/")
def index():
    return render_template("index.html", actions=actions)

@app.route("/run/<key>")
def run_action(key): 
    global volume,current_station
    if key in actions:
        if not key.startswith("volume"):
            current_station=key.upper()
        info = actions[key]
        run_key(info)
        return jsonify({"status": "ok", "message": f"Station {current_station} Volume : {volume}/100"})
    return jsonify({"status": "error", "message": "Station inconnue"}), 404

def run_key(url):
    global volume
    if url=="vol+": 
        volume+=10
        if volume > 100:
            volume = 100
        player.audio_set_volume(volume)
        return
    if url=="vol-":
        volume-=10
        if volume < 0:
            volume = 0
        player.audio_set_volume(volume)
        return		
    if url=="voloff":
        player.audio_set_volume(0)
        return		
    if url=="volon":
        player.audio_set_volume(volume)
        return	
    if url=="restart":
        os.system("sudo reboot")
        return
    if url=="stop":
        os.system("sudo shutdown -h")
        return        
    media = instance.media_new(url)
    player.set_media(media)
    player.play()

if __name__ == "__main__":
    app.run(host="0.0.0.0", port=8080, debug=True)
    player.audio_set_volume(volume)

👉 Ce fichier définit les routes :

/ → page web principale
/run/<key> → exécute l’action associée (changer de station, volume, arrêt…)

4. Fichier `radios.ini`

C’est le fichier de configuration listant les actions et les flux radios disponibles.

Plain Text

[radios]
Volume OFF = voloff
Volume ON = volon
Volume + = vol+
Volume – = vol-
Classic 21 = http://radio.rtbf.be/c21/aac-128/fl
Europe 1 = http://stream.europe1.fr/europe1.mp3
FIP Monde = http://icecast.radiofrance.fr/fipworld-hifi.aac
France Info = http://icecast.radiofrance.fr/franceinfo-hifi.aac
France Inter = http://icecast.radiofrance.fr/franceinter-hifi.aac
France Musique = http://icecast.radiofrance.fr/francemusiqueeasyclassique-hifi.aac
Nostalgie = https://scdn.nrjaudio.fm/adwz2/fr/30601/mp3_128.mp3?origine=fluxradios
RMC = http://audio.bfmtv.com/rmcradio_128.mp3
RTL = http://icecast.rtl.fr/rtl-1-44-128?listen=webCwsBCggNCQgLDQUGBAcGBg
107.7 = https://sanef.ice.infomaniak.ch/sanef1077-regions.mp3

👉 Vous pouvez facilement ajouter ou modifier vos stations préférées en éditant ce fichier.

5. Fichier `index.html`

C’est l’interface web générée par Flask.
Chaque bouton correspond à une station ou une action, et envoie une requête au serveur pour lancer la lecture.

HTML

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Radios Player</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
    .row > div:nth-child(1) button {
        background-color: red !important;
        border-color: black!important;
    }
    .row > div:nth-child(2) button {
        background-color: orange !important;
        border-color: black !important;
    }
    .row > div:nth-child(3) button,
    .row > div:nth-child(4) button {
        background-color: green !important;
        border-color: black !important;
    }
    </style>
</head>
<body class="container mt-4">
    <div class="container mt-3">
        <div class="row">
            {% for key, value in actions.items() %}
            <div class="col-md-6 col-12 mb-2 d-flex">
                <button id="btn-{{ key }}" class="btn btn-primary flex-grow-1" onclick="runKey('{{ key }}')">
                    {{ key.upper() }}
                </button>
            </div>
            {% endfor %}
        </div>
    </div>
    <div id="status" class="mt-3 text-center"></div>
    <script>
        function runKey(key) {
            fetch(`/run/${key}`)
                .then(response => response.json())
                .then(data => {
                    document.getElementById("status").textContent = data.message;
                })
                .catch(error => console.error("Erreur :", error));
        }
    </script>
</body>
</html>

👉 L’interface est responsive (Bootstrap) et les boutons envoient des requêtes AJAX au serveur Flask.

🚀 Utilisation

Placez les fichiers aux bons emplacements :
- radio.desktop dans ~/.config/autostart/
- les autres dans ~/Documents/radio/
Créez un environnement virtuel et installez les dépendances :

Shell

python3 -m venv radio
source radio/bin/activate
pip install flask python-vlc

3. Redémarrez votre machine → l’interface sera accessible sur
👉 http://localhost:8080

(ou depuis un autre appareil de votre réseau : http://ip_du_raspberry:8080)

✅ Conclusion

Avec seulement quelques scripts, vous avez construit un lecteur de radios web personnalisable, accessible depuis n’importe quel appareil connecté à votre réseau local.

Vous pouvez enrichir radios.ini avec vos stations préférées. 🎶

Grimeco

Raspberry Radio Internet (Partie II)

1. Fichier `radio.desktop`

2. Fichier `start_radio.sh`

3. Fichier `radio_player_http.py`

4. Fichier `radios.ini`

5. Fichier `index.html`

🚀 Utilisation

✅ Conclusion

A DECOUVRIR EGALEMENT

🖧 Activer le Wi-Fi sur un Asus X205TA sous Debian 11

Reconnaissance vocale et synthèse de parole

Mesure d’un niveau d’eau avec un ESP32

Laisser un commentaire Annuler la réponse

Raspberry Radio Internet (Partie II)

1. Fichier radio.desktop

2. Fichier start_radio.sh

3. Fichier radio_player_http.py

4. Fichier radios.ini

5. Fichier index.html

🚀 Utilisation

✅ Conclusion

A DECOUVRIR EGALEMENT

🖧 Activer le Wi-Fi sur un Asus X205TA sous Debian 11

Reconnaissance vocale et synthèse de parole

Mesure d’un niveau d’eau avec un ESP32

Laisser un commentaire Annuler la réponse

1. Fichier `radio.desktop`

2. Fichier `start_radio.sh`

3. Fichier `radio_player_http.py`

4. Fichier `radios.ini`

5. Fichier `index.html`