SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 190 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

  • Champs Extras 3

    16 janvier 2012 – 600 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)

  • Optimiser les URLS pour google actus

    19 juin 2012 – 28 commentaires

    Les sites publiant de l’information de type « nouvelles » peuvent prétendre à être indexés par le site google actualités. Pour cela il faut qu’ils répondent à quelques caractéristiques précises qui sont énoncées ici par google. L’une de ces caractéristiques (...)

  • ScolaSPIP 4

    19 janvier 2016 – 256 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 94 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 116 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 (...)