Lecteur Audio HTML5

Bonjour à tous,
avant, j'utilisais le Flash, les swf et tout ça pour placer un lecteur audio dans des pages web... mais ça c'était avant !
aujourd'hui, avec Pluxml... je cherche à intégrer dans une page (statique par exemple) ou dans la sidebar, un lecteur audio en HTML5, qui pourra diffuser aléatoirement des extraits audio mp3 en piochant dans un sous-répertoire du dossier media.
Je ne pense pas qu'un plugin existe, alors je cherche un simple lecteur audio gratuit à intégrer, mais en vain...
alors si quelqu'un à une piste, je suis à l'écoute.

Réponses

  • Pour vous donner un exemple... voilà ce qui semble se rapprocher de ma demande, mais intégrer ça dans Pluxml, c'est pas encore gagné !
    https://www.codeproject.com/Articles/1025941/AUD-HTML-Audio-Playlist

    L'idée serait peut-être d'intégrer tout ça dans un template de page statique, comme "static-playeraudio.php"...
    Vous en pensez quoi ?

  • NonoMNonoM Member
    novembre 2020 modifié

    Bon, ben ça avance... doucement, mais surement !
    Le projet cité plus haut est téléchargeable et directement utilisable pour tests...

    • j'ai collé le dossier parent (lecteur-audio) et ses sous-dossiers (audio, css, fonts, js) à la racine de Pluxml.
    • j'ai réussi à "intégrer" le code html (page index) du lecteur audio dans mon template de page statique après l'avoir modifié pour qu'il fasse appel au dossier placé à la racine... (vous suivez ?)
    • puis créé une page statique avec pour template "static-playeraudio.php" (logique)
      et ça fonctionne...
      Par contre, maintenant... Gros boulot de nettoyage au niveau du CSS du lecteur car il "interfère" sur celui de mon template Pluxml.
      puis par la suite, s'attaquer au fonctionnement du lecteur en lui-même.
      et qui sait, peut-être un jour... créer un plugin pour ce machin ! (mais là, j'en appel à vous)
      en attendant, si vous suivez... n'hésitez pas à interagir...
      Et surtout à me dire si je perds mon temps, car il existe plus simple ailleurs... Merci !
  • NonoMNonoM Member
    novembre 2020 modifié

    Par curiosité, j'ai testé le lecteur audio de "Soundcloud" dans une page statique sans aucun problème... puisqu'il suffit d'y coller le code iframe, mais bon, tant que le compte chez soundcloud reste gratuit... trop de "pubs" et de liens dans ce player, dommage !
    J'ai zieuté aussi du côté des "widgets audio gratuits" que l'on peut trouver pour wordpress, sympas à voir, mais évidemment... ça coince.

  • NonoMNonoM Member

    2024 Retour vers le Futur...,
    Pas trouvé mieux depuis 2020, la bonne vieille méthode citée plus haut fonctionne toujours !
    c'est du bidouillage mais au moins pas de pub provenant d'un widget quelconque... et vous, vous utilisez quoi quand vous avez besoin d'un lecteur audio dans vos blogs Pluxml ?

  • Tout simplement celui du navigateur de la personne qui passe sur le site via la balise <audio> :)
    https://developer.mozilla.org/fr/docs/Web/HTML/Element/audio

  • NonoMNonoM Member

    Evidemment, y'a pas plus simple pour lire 1 fichier audio... mais j'ai du mal m'exprimer... ;)
    j'arrive à bidouiller mais j'espérais vraiment découvrir un jour un Plugin qui puisse lire une "playlist" dans le genre : https://jplayer.org/latest/demo-02/

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    La balise <audio> ne gère pas nativement une play-list. Il faut avoir recours à un bout de code en Javascript.
    Jplayer a l'inconvénient d'utiliser JQuery et n'es plus mis à jour depuis 10 ans.
    On trouve sur Github d'autres players plus récents pour gérer une playlist :
    https://github.com/search?q=html5 audio playlist&amp;type=repositories
    Html5-audio-player est assez simple à mettre en oeuvre. Il suffit de regarder le code du fichier index.html.
    Reste à savoir ce que contient la playlist : une liste figée ou des fichiers à lire dans un dossier de data/medias ?
    ET où insérer le player : article, page statique, sidebar, footer, ... ?

  • NonoMNonoM Member
    10 sept. modifié

    Merci @bazooka07 , c'est vrai que Jplayer commence à dater... le lecteur dont tu parles me dit quelque chose... je vais suivre le lien !
    La Playlist serait disons, une dizaine de fichiers à lire (aléatoirement ou au choix de l'utilisateur), pour présenter un album par exemple.
    L'insertion dans la sidebar me parait un bon choix, mais au bas d'un article ça pourrait être sympa aussi !
    EDIT : J'en ai téléchargé 6 pour tester... Le "music-folder-player" semble très complet, mais c'est un gros morceau !
    à suivre...

  • BodieuBodieu Member

    Bonjour,
    J'ai testé Noctifer-Music : https://github.com/lrkrol/Noctifer-Music/blob/master/index.php
    Il me paraît très bien et adapté à ma chorale. Chaque choriste peut faire sa playlist à partir des sélections adaptées à sa voix.
    Il suffit de créer les répertoires et sous-répertoires à la racine du site.
    Il faudrait en faire un plugin.

  • NonoMNonoM Member
    25 sept. modifié

    Salut @Bodieu , testé aussi... et nous sommes au moins deux sur ce forum !!! :3
    c'est vrai qu'il est sympa ce player, avec la facilité de mise en oeuvre (copie des dossiers) et la possibilité de créer sa propre playlist (c'est un plus). Je m'intéresse de près à ce style de player pour éventuellement partager mes compos ou reprises... jusqu'à maintenant, j'ai toujours "recopié le code" comme j'ai pu et adapté dans des pages de templates, mais c'est un peu casse tête !
    Voici pour exemple, le player que j'avais réussi à "intégrer" dans un article de pluxml il y a quelques années...
    https://jplayer.org/latest/demo-02/
    Peut-être qu'un jour, quelqu'un de compétent et intéressé passera par là ! ;) ;) ;)

  • 26 sept. modifié

    sinon, pour les nostalgiques, j’étais tombé la dessus il y a un moment https://github.com/captbaritone/webamp , dans un article cela peut donner : https://pluxthemes.com/winamp-le-retour il pourrait aussi se caser dans la sidebar


    Cordialement,
    gcyrillus , simple membre du forum et utilisateur de pluxml

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci

  • NonoMNonoM Member

    Notre bon vieux Winamp ! que j'utilise chez moi d'ailleurs à l'occasion car non, je ne fais pas mes playlists en ligne !
    un peu "chargé" le player mais très intéressant, je vais suivre ce truc ! ;)

Connectez-vous ou Inscrivez-vous pour répondre.