SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 100 visiteurs en ce moment

Accueil > Affichage multimédia > Audio, vidéo > Soundmanager > Soundmanager

Soundmanager

19 juillet 2018 – par BoOz – commentaires

8 votes

Ce plugin permet la lecture et la mise en page de fichiers mp3 simplement en HTML / CSS.

Mise en plugin SPIP de la librairie Soundmanager2 de Scott Schiller.

Installation

Télécharger le plugin, puis ajouter des fichiers mp3 dans `tmp/upload`.

Associer les mp3 aux articles en utilisant les modèles.

Modèles par défaut

Le modèle `doc` de SPIP est modifié pour les mp3 et affiche un lecteur en HTML et CSS.

  1. <doc1>

Le nouveau modèle `audio` affiche quant à lui un lecteur HTML / CSS / SVG avec une vue à 360°.

  1. <audio1>

Contribuer sur SPIP-Zone

Pour modifier le plugin et faire profiter la communauté SPIP de vos améliorations (habillage graphique, nouveau modèle ou autre), vous pouvez utiliser votre accès SVN à SPIP-Zone [1].

Pour récupérer les fichiers :

svn checkout svn://zone.spip.org/spip-zone/_plugins_/soundmanager

Pour renvoyer sur SPIP-Zone les fichiers modifiés :

svn commit -m "Message de commit décrivant la modification"

Notes

[1Si vous ne disposez pas encore d’un accès SVN à SPIP-Zone vous pouvez en demander un sur la liste. Voir par ici

Dernière modification de cette page le 19 juillet 2018

Retour en haut de la page

Vos commentaires

  • Le 8 octobre à 16:46, par Dudule En réponse à : Soundmanager

    Bonjour,
    Est-il possible de lire des playlist avec ce plugin. Si oui, de quelle manière peuvent-elles être créées et intégrées au lecteur.

    Merci pour votre temps

    • Le 8 octobre à 17:46, par BoOz En réponse à : Soundmanager

      Oui c’est possible en modifiant un peu la fonction jouer_son https://zone.spip.net/trac/spip-zone/browser/spip-zone/_plugins_/soundmanager/soundmanager.js.html?rev=110938#L60

      Sans tester je pense à quelque chose comme ajouter au début de la fonction jouer_son (première ligne) :

      1. // des infos sur le prochain son
      2. var next_sound_id = media_id + 1 ;
      3. var next_sound_url = $("a[data-soundId='"+ next_sound_id +"'][href$=mp3]").attr('href');

      Télécharger

      Puis dans les propriétés de soundManager.createSound, après

      1. whileplaying:function(){
      2.         ...
      3. }

      Télécharger

      Ajouter :

      1. onfinish:function(){
      2.         if(next_sound_id && next_sound_url)
      3.                 jouer_son(next_sound_id, next_sound_url);
      4. }

      Télécharger

      Si ca fonctionne comme ça ; ça vaudrait le coup de l’ajouter en commitant sur la Zone.

    • Le 9 octobre à 14:15, par Jaseur Boreal En réponse à : Soundmanager

      Bonjour,
      Il y a parfois plus simple, selon l’origine des fichiers audios/vidéos.

      Soundsgood est un excellent outil pour faire connaitre une play liste quand les fichiers audios proviennent des habituelles plateformes de musiques.

      Exemple dans l’article d’un site spip sous Escal, avec la playliste du Pays qui chante : https://www.lettonie-francija.fr/1454 .

      J’ai débranché « Soundmanager » car je n’arrive pas à régler les dimensions de son affichage graphique, et voir mon message ci-dessous, le lancement du son ne se fait pas quand on utilise le modèle habituel

      1. <docXX>

      Cordialement

    • Le 10 octobre à 17:50, par b_b En réponse à : Soundmanager

      C’est peut-être plus simple, mais ça te rend dépendant d’un service externe qui peut changer ses conditions d’utilisation du jour au lendemain, ou même disparaître :\

    • Le 10 octobre à 18:20, par BoOz En réponse à : Soundmanager

      Voire revendre des informations personnelles te concernant à tout l’internet publicitaire et/ou sécuritaire.

    • Le 11 octobre à 17:14, par Dudule En réponse à : Soundmanager

      Bonjour,
      J’ai modifié le .js selon les instructions et celui-ci ne génère pas d’erreur, c’est un bon début ... Sur la partie privée j’ai crée un article avec trois doc sur la partie publique j’affiche du coup trois lecteurs et sans playlist visible. J’ai dû manquer quelque chose dans la mise en oeuvre ... ;(
      Du coup je suis allé sur le site de soundmanager pour constater que le modèle Bar UI répond à mes attentes. Avant de me lancer sur le chemin hasardeux de l’adaptation de ce modèle, avez-vous déjà expérimenté son intégration dans le plugin ?

    • Le 11 octobre à 20:46, par BoOz En réponse à : Soundmanager

      Ah oui magnifique ce Bar ui : http://www.schillmania.com/projects/soundmanager2/demo/bar-ui/

      Il faut l’ajouter au plugin de toute urgence.

    Répondre à ce message

  • Le 23 juillet à 16:40, par Jaseur Boreal En réponse à : Soundmanager

    Bonjour,

    Il y a un problème.
    Le lancement du son ne se fait pas quand on utilise le modèle habituel

    1. <docXX>

    exemple à vérifier ici dans la page : https://www.lettonie-francija.fr/18
    Alors que le fichier s’écoute facilement avec le modèle

    1. <AudioXX>

    Un truc ? Un oubli ?

    Merci de vos suggestions

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • SkelEditor 2.0

    1er mars 2010 – 79 commentaires

    La version remaniée et enrichie du plugin, pour SPIP 2.1, qui vous permet d’éditer votre squelette directement en ligne sans passer dans le FTP Ce plugin vous permet d’éditer les fichiers du squelette courant depuis l’interface privé. Cela peut (...)

  • Albums 3

    8 août 2014 – 287 commentaires

    Le plugin « Albums » évolue dans une version 3 pour SPIP 3. Avant d’effectuer une mise à jour depuis la version 1 ou 2, consultez les notes sur la rétro-compatibilité. Les modèles, notamment, on reçut quelques changements pour la bonne cause. En (...)

  • Menu animé déroulant

    16 août 2015 – 60 commentaires

    Barre de menu dynamique multi niveaux - adaptation aisée (?) des couleurs et dimensions - convient aussi aux petits écrans (mobiles).

  • Réservations multiples

    4 juillet – commentaires

    Permettre aux utilisateurs d’effectuer de réservations multiples (réserver pour plusieurs personnes à la fois ou réserver un événement plusieurs fois) Dépendances Saisies Réservation d’événements Introduction Il y a deux manières de multiplier les (...)

  • PHANTOM (HTML5UP)

    18 juillet – 32 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)