Configurer le modèle pour un choix de fichier audio à partir d'une liste

Le choix des fichiers audio dans une liste permet à l'utilisateur de choisir entre un nombre défini de fichiers audio dans un menu déroulant.

Pour configurer le modèle, vous devrez modifier les fichiers .html (voir Mettre à jour le fichier HTML) et les fichiers .json (voir Mettre à jour le fichier params.json).

Fichier HTML

Le fichier HTML doit avoir une classe « div » qui contiendra le choix des fichiers audio proposés à l'utilisateur :

Copier
<div class="imageContainer">
    <img data-publish-id="Music" class="audio" src="./audio/music1.mp3" alt="main audio" />
</div>

Fichier JSON

Le fichier params.json doit avoir une section correspondante qui contient le choix des fichiers audio offerts à l’utilisateur :

Copier
{
    "id": "Music",
    "label": "audio",
    "default": "./audio/music1.mp3",
    "type": "audio",
    "choices": [
        { "label": "Music 1", "value": "./audio/music1.mp3" },
        { "label": "Music 2", "value": "./audio/music2.mp3" },
        { "label": "Music 3", "value": "./audio/music3.mp3" },
        { "label": "Music 4", "value": "./audio/music4.mp3" }
    ]
}