Intégration flash dans SPIP

Un article de AdlWiki, l'encyclopéde libre.

Sommaire

Introduction et rappel sur les technologies "radio" et son sur internet

[définition de radiophonie sur wikipédia (http://fr.wikipedia.org/wiki/Radiophonie)]

[Définition de webradio sur Wikipédia (http://fr.wikipedia.org/wiki/Webradio)]


3 grandes familles de diffusion (streaming): le direct et à la demande

  1. direct : il peut s'agir de direct ou de pré-enregistré mais on ne peut pas ré-écouter (comme avec un poste de radio), on distingue 2 technologies internet :
    • broadcast (1 émetteur principal pour n utilisateurs simultanés)
    • peercast (1 émetteur d'origine et les utilisateurs réémettent le flux pour les autres utilisateurs) --> schéma arborescence)
  2. à la demande : c'est du pré-enregistré et l'utilisateur choisi le moment ou il veut écouter (comme avec la K7 ou le CD), iul existe de nombreuses possibilités/technologies : podcast, player flash, téléchargement fichier, plug-in navigateur(quicktime, VLC etc .)


Le format du flux :

  • real audio
  • windows media audio
  • mp3
  • ogg (libre)

Les possibilités multimédias de Spip (images, sons, vidéos)

Spip permet d'afficher et de "gérer" plusieurs types de documents multimédias.

image son vidéo

L'article de base spip permet d'y attacher des pièces jointes : c'est cette fonctionnalité qui va nous permettre d'envoyer des documents multimédias sur le serveur.

Il ne reste plus qu'a les afficher dans le navigateur avec le squelette SPIP. Par défaut le fichier multimédia est afficher sous forme de pièce jointe avec une icône différente suivant l'extension du fichier.

mp3-dist.png

ogg-dist.png

Les différents "players" flash

http://www.estvideo.com/dew/index/2005/02/16/370-player-flash-mp3-leger-comme-une-plume

http://musicplayer.sourceforge.net/

L’intégration du player sous SPIP

Dans un squelette article on intègre le code suivant :


<BOUCLE_documents_joints(DOCUMENTS) {id_article} {mode=document} {doublons}>

<object type="application/x-shockwave-flash" data="dewplayer.swf?son=#URL_DOCUMENT&autoplay=1" width="200" height="20"> <paramname="movie" value="dewplayer.swf?son=#URL_DOCUMENT&autoplay=1" /> </object>

</BOUCLE_documents_joints> </div>

</B_documents_joints>

Mise en pratique de l'intégration

Se connecter au site s'identifier en tant qu'admin faire les modifs dans la configuration

config-spip.jpg

  • Créer un article + documents joints en mp3
  • Publier l'article
  • Vérifier l'affichage
  • Se connecter en ftp
  • télécharger sur le serveur le player
  • créer le répertoire squelette
  • télécharger depuis le serveur dans le répertoire /dist le fichier article.html
  • modifier le fichier article.html pour y intégrer le player flash
  • télécharger sur le serveur le fichier article.html modifié dans le répertoire squelette
  • vider le cache dans SPIP
  • noter l'affichage dans SPIP
  • possibilité de modifier les paramètres du player

L’utilisation des flux rss de votre site spip pour la baladodiffusion (Podcast)

http://fr.wikipedia.org/wiki/Podcasting


récupérer le flux RSS dans firefox

Faire du podcasting depuis SPIP avec le lecteur Juice

exemples de sites mettant en oeuvre des players flash

liberation.fr framasoft.net ousopo.org


  • demande une compilation avec flash

http://btekos.free.fr/audionet/ http://www.coucoucircus.org/utilitaires/

Outils personels