SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 72 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 ?

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

  • Passer un site SPIP sous https://

    23 février 2017 – 40 commentaires

    Comment migrer simplement votre site SPIP de http:// vers https:// Le protocole https:// devient de plus en plus courant : C’est mieux pour la vie privée de tous La plupart des grands sites l’a déjà adopté Certains navigateurs commencent à afficher (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 17 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • PHANTOM (HTML5UP)

    18 juillet – 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 (...)

  • Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)

  • Galleria (fr)

    16 novembre 2011 – 193 commentaires

    Une galerie d’image qui utilise la librairie javascript Galleria. Description Ce plugin vous permet d’ajouter des galeries d’images à vos articles. La galerie créée utilise la librairie javascript Galleria. Le plugin propose un modèle nommé (...)