SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 139 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

  • Escal-V3 et Escal-V4

    16 février 2012 – 314 commentaires

    Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé. Présentation A l’instar de sa petite soeur plugin Escal-V2 dont elle reprend toutes les (...)

  • SPIP-Cli

    20 décembre 2015 – 13 commentaires

    SPIP-Cli est une interface en ligne de commande pour SPIP. SPIP-Cli sert à interagir avec SPIP depuis la ligne de commande, à la fois avant d’avoir un SPIP sous la main (installation, configuration…), puis ensuite pour administrer ou modifier un (...)

  • Plugin Google Viewer

    22 mai 2011 – 34 commentaires

    Ce plugin fournit des modèles d’incrustation de documents utilisant le lecteur de documents de Google. Principe Ce plugin permet d’utiliser le lecteur de documents de Google pour incruster des documents dans vos textes. L’ensemble des (...)

  • Social tags

    8 septembre 2008 – 444 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • LESS pour SPIP : Less-CSS (anciennement LESSpip)

    5 novembre 2010 – 51 commentaires

    Less-CSS (Anciennement LESSpip) est un plugin intégrant facilement le logiciel LESS dans SPIP. LESS est une extension de CSS ajoutant les variables, les classes, les opérations, les imbrications au langage. Facilitant ainsi l’écriture de feuilles (...)