SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 212 visiteurs en ce moment

Accueil > Affichage multimédia > Audio, vidéo > Lecteur Multimédia > Lecteur multimedia 2

Lecteur multimedia 2

3 août 2009 – par BoOz – commentaires

3 votes

C’est la nouvelle version du plugin Lecteur Multimédia.

Auteurs

BoOz et Kent1

voir la doc

Objectifs

Créer un plugin SPIP de gestion des sons et des videos skinnable et configurable et simple d’emploi.

Méthode et code source

Utilisation de la librairie javascript SoundManager v2 permettant de jouer divers formats et disposants d’une api de contrôle javascript / flash très intéressante.

Création d’un plugin JQuery qui affiche une lecteur multimedia utilisant l’API de SoundManager.

Exemple d’appel du plugin $.fn.playlist dans un squelette qui affiche des medias :

[(#REM)
       
        afficher une playliste

]
<script type="text/javascript">
        jQuery(document).ready(function(){
                jQuery('#playliste#ENV{id_playliste}').playlist({
                        smUrl : "#EVAL{_DIR_LIB_SM}swf/",
                        smnullUrl : "#CHEMIN{soundmanager/null.mp3}",
                        [(#ENV{autoPlay}|oui)autoPlay : true,]
                        [(#ENV{autoLoad}|oui)autoLoad : true,]
                        [(#ENV{logo}|oui)logo:'#ENV{logo}',]
                        [(#ENV{logo_top}|oui)logo_top:'#ENV{logo_top}',]
                        [(#ENV{logo_left}|oui)logo_left:'#ENV{logo_left}',]
                        [(#ENV{logo_repeat}|oui)logo_repeat:'#ENV{logo_repeat}',]
                        fullscreen : true
                });
        });
</script>
<div id="playliste#ENV{id_playliste}">
        Là ou doit apparaitre la playliste
</div>

Le plugin permet également de controler, sons et videos à l’aide des objets et méthodes, javascript de soundManager de la manière suivante :

var monSon = soundManager.createSound({
id: 'monSon',
url: '/audio/mysoundfile.mp3'
});

monSon.play(); // joue le son

également disponible :

stop()
pause()
resume()
togglePause()
mute()
setPosition(msecOffset:integer)
unmute()
setVolume(volume:integer)
setPan(pan:integer)
unload()
destruct()

L’insertion de tout cela est (sera) utilisable dans SPIP avec page de configuration, choix de thème ...

Le code source est disponible sur spip-zone : http://zone.spip.org/trac/spip-zone...

Installation

necessite la balise #INSERT_HEAD dans le head de votre site.

Utilisation

Des modèles utilisant ces possibilités sont déjà disponibles :

#MODELE{lecteur_multimedia} : afficher un lecteur multimedia proposant les derniers documents du site (par exemple sur la page d’accueil du site).

démo : http://www.patagium.net/

[(#MODELE{lecteur_multimedia}{id_article})] : afficher un lecteur multimedia proposant les documents de l’article.

démo : http://videos.spip.org/spip.php?art...

[(#MODELE{lecteur_multimedia}{id_article}{format=haudio})] : afficher une liste de lecture des mp3 joints à l’article au format haudio.

démo : http://www.patagium.net/spip.php?ar...

[(#MODELE{lecteur_multimedia}{format=haudio})] : afficher une liste de lecture des mp3 du site au format haudio.

exemple de stream en continu mp3 avec neolao maxi : http://www.groovalizacion.com/spip/spip.php?article33&lang=fr

Dernière modification de cette page le 23 août 2011

Retour en haut de la page

Vos commentaires

  • Le 13 novembre 2014 à 15:07, par Guillaume En réponse à : Lecteur multimedia 2

    Bonjour,
    J’utilise le plugin (v 2.2.2)
    J’ai inséré une playlist dans un squelette avec [(#MODELEplayliste_neolao)]
    Je voudrais qu’elle démarre automatiquement.
    Comment faire ?
    Merci par avance.

    Répondre à ce message

  • Le 24 février 2013 à 23:12, par peter bang En réponse à : Lecteur multimedia 2

    Est-il possible de spécifier un autre emplacement pour ses MP3 que le IMG/mp3 ? mon hébergeur me donne accès à un emplacement spécial de streaming. Merci de votre aide.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

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

  • Refonte de l’identité graphique

    10 juillet – 31 commentaires

    Lors de la SPIP Party 2017 à Toulouse, un nouveau contributeur est venu nous présenter son travail sur une refonte du logo. Au delà de la refonte du logo, c’est une toute nouvelle identité graphique pour SPIP que Jordan nous propose. Voici une (...)

  • Enluminures typographiques V3

    25 juillet 2009 – 185 commentaires

    Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée. C’est une extension du PortePlume. Pour la documentation d’usage, se reporter à celle du (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 94 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • Serveur HTTP abstrait

    25 novembre 2013 – commentaires

    Un plugin-outil pour aider les développeurs à implémenter des API orientées REST, basées sur les méthodes HTTP (get, post, put, delete). Ce plugin a pour but premier de normaliser des URL que l’on pourra appeler pour manipuler les données du site. À (...)

  • Agenda Fullcalendar facile

    29 octobre 2016 – 33 commentaires

    Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda. Cependant, ceci nécessite des manipulation de squelettes, ce qui n’est pas toujours évident lorsqu’on débute. La présente (...)

Ça spipe par là