Accueil > TEKNIK > Comment mettre facilement un lecteur Real Player, flv, swf ou mp3 dans son (…)

Spip 1.9.2c et le fichier emb.html

Comment mettre facilement un lecteur Real Player, flv, swf ou mp3 dans son article sous SPIP ?

mercredi 10 octobre 2007

Depuis cet article a été actualisé ICI.

Il y a peu je faisais une installation "de la télé alternative sur le web" Tv Bruits sur un serveur dédié. J’en ai profité pour passer à la version 1.9.2c de Spip.
En même temps je voulais trouver un truc pour simplifier la tache aux rédacteurs-trices vidéastes lorsqu’ils-elles désiraient ajouter un lecteur multimédia dans leur article.

Je n’avais pas envie d’installer l’excellent "Plugin Lecteur multimedia" pour le flv et le mp3 car il apporte des fonctions dont nous n’avons pas besoin. En plus il ne s’applique pas au Real Player car le fichier emb.html le fait déjà.
Mais le fichier emb.html de cette version Spip, pratique pour le lecteur Real Player, ne prend pas en compte le flv et le mp3.

Donc, j’ai procédé ainsi.

1) Modification du fichier dist/modeles/emb.html que j’ai placé dans le dossier squelettes/modeles/ :

Fichier emb.html en txt

2) Une modification a apporter si cela n’a pas déjà été fait au fichier ecrire/inc/distant.php à la ligne 318 pour que le flv ne soit pas reconnu comme un fichier texte.

Sous les lignes de code :

// On va directement charger le debut des images et des fichiers html,
	// de maniere a attrapper le maximum d'infos (titre, taille, etc). Si
	// ca echoue l'utilisateur devra les entrer...
	if ($headers = recuperer_page($source, false, true, $max)) {
		list($headers, $a['body']) = split("\n\n", $headers, 2);
		$t = preg_match(",\nContent-Type: *([^[:space:];]*),i",
				"\n$headers", $regs);

il faut ajouter celles-ci :

//parfois les flv sont mal indiques
		if (substr($source, -3)=="flv"){
		$regs[1]="video/x-flv";
		$t=1;
		}
		
		//parfois ce sont les mp3
		if (ereg('mp3download.myspace.com',$source)){
		$regs[1]="audio/mpeg";
		$t=1;
		}

3) Il faut placer un lecteur flv et un lecteur mp3 à la racine de votre site.
J’utilise les lecteurs player_flv.swf (flv) et neoplayer_maxi.swf (mp3) du "Plugin Lecteur multimedia" pour SPIP.

4) Comment mettre le lecteur multimédia dans l’article sans se prendre la tête avec les codes :

a) Vous faites votre article.
Vous chargez la vidéo ou l’audio sur votre site dans un dossier (par FTP). Si c’est du Real vous n’oubliez pas son métafichier en .ram.

b) Vous ouvrez la fenêtre "Ajouter un document"
Vous mettez l’adresse complète de votre .ram, .flv, .swf ou .mp3
dans la case : Référencer un document sur l’internet".
Cliquez sur "choisir"

c) Une fenêtre s’ouvre avec le nom de votre film.ram (par exemple) et le
logo du format. (si rien ne se passe c’est qu’il y a erreur dans l’adresse).
Vous mettez le titre du film, les dimensions 320x240 (par exemple)
Vous enregistrez le doc.
Vous enregistrez l’article. Puis faites "Modifier cet article".

d) A gauche de votre article, dans le document avec le titre du film
sont apparus en plus des <docXX|" ">  :
des <embXX|" ">.
Vous copiez le <embXX|center> là où vous le désirez dans votre article.

Vous enregistrez l’article : le lecteur du format apparaît.

Cela fonctionne avec les ram ,flv, swf, adresse d’un film chez
Dailymotion, le mp3 (pas le m3u).

Il y a un problème de vitesse de lecture de fichier mp3 si vous n’avez pas échantillonné le mp3 en 44 100 Khz , mais il semble que les sous multiples passent aussi 22 050, 11025....

Voilà.

Un exemple Real Player

Un exemple FLV

Messages

  • Bonjour
    j’ai trouvé votre tutoriel fort interessant et je l’ai mis en place sans trop de pb, et cela marche bien au niveau de real player.
    Cependant lorsque je teste un MP3, je n’ai pas de lecteur qui apparait, j’aimerai savoir si vous avez testé un fichier MP3 .

    Je vous remercie d’avance et vous felicite deja.

    • Oui, tout a été testé et je l’utilise sur plusieurs sites. Voir sur ce site :
      http://kinoks.org/spip.php?article112

      Est-ce que vous avez mis le lecteur neoplayer_maxi.swf à la racine de votre site ?

      Est-ce que vous avez fait toutes les autres modifications ? Fichiers emb et distant ?

      Dans le charger le document il ne faut pas oublier de mettre les dimensions 200x20 et le nom.

    • salut
      j’ai copié votre emb.txt en emb.html en remplacant ainsi mon ancien dist/modeles/emb.html (je travaille directement dans dist).
      J’ai effectué aussi la modification dans ecrire/inc/distant.php en incluant exactement votre code. Je charge le document, mets les dimensions et le nom, puis dans le texte de l’article, je mets mon <embXX>
      Des lors je n’ai que le titre du document qui apparait, que ce soit dans la partie privé ou publique du site.
      Je précise que cela marche tres pour les fichiers RM.
      Qd je regarde le code source de ma page web effectivement j’ai le code associé, mais le lecteur n’apparait pas.
      Le neoplayer_maxi.swf est à la racine du site, je l’ai obtenu à partir du plugin multimedia (d’ailleurs avec plugin j’ai pas de pb pour les mp3).
      Merci de votre aide

    • C’est pas très bon de travailler directement dans dist. Le mieux est dans un dossier squelettes. Car lors des mises à jours vous pouvez écraser vos fichiers.

      Il y a un problème avec le chemin du lecteur mp3 dans votre cas il me semble. Quel est l’adresse de votre site ?

    • Salut

      je vous remercie, la derniere indication sur le chemin du lecteur a été determinante. Comme je travaille en developpement sur ma machine, et que mon site spip est dans un repertoire du serveur(et non à la racine du serveur), il fallait que je modifie le chemin du lecteur dans emb.html.

      Merci pour ce beau travail, et bonne continuation.

      PS : je ne vais plus travailler dans dist mais faire un dossier de squelette comme vous le suggérez. Je vais chercher un tuto pour bien faire cela et ne pas faire n’importe quoi

    • Il faut ne pas oublier de faire la même modif pour le chemin du lecteur flv.

    • salut,
      J’essaie de suivre le tutoriel mais il me semble qu’on utilise pas la même version de spip. J’utilise la 1.9.2a et pour upload un fichier je vais dans ajouter un fichier de l’article à modifier et directement je vais sur le repertoire upload dans temps et je prends mon fichier video. Le hic est que le chargement ne se termine jamais.
      Alors que faire dans ce cas ?
      Merci à tous.

    • Si tu n’es pas sur un serveur dédié sur lequel tu peux modifier les limites en upload tu n’y arriveras pas.

      Il faut utiliser FileZilla par exemple pour charger dans un dossier de ton site ta vidéo. Après tu indiques son chemin dans charger un document.

    • Bonjour monsieur,

      Je suis toujours confronté au probleme de plugin. La video ne s’affiche pas par contre il me demande d’installé un plugin pour la lire. Qu’en pensez-vous ?
      Encore à tous.

    • Merci
      Mais maintenant mon probleme est que le lecteur n’est pas vu. Sous IE il me montre qu’un cadre blanc alors que sous firefox il me damande de telecharger des plugin. Je precise les adressage pour les fichiers sont bons, je travaille en local. J’ai aussi copié les lecteurs à la racine du site.

    • Pour lire du Real Player il faut avoir un lecteur qui puisse lire du real média sur son ordi. Pour flash il faut le plugin adapté à son navigateur.

      Sinon, votre site vous demande de l’installer. C’est tout à fait normal.

      Lire cet article sur le site de Tv Bruits :

      Comment et avec quoi lire les vidéos qui sont sur ce site ?

    • Excusez moi mais je comprend plus. J’ai real de même que media player dans ma machine. C’est aussi étonnant puisque je parviens à lire vos video sans contrainte. Alors je comprend plus le mode de fonctionne. Je rappelle qu’avec ce code :

      Je parviens à lire mes videos sans avoir besoin de telecharger aucun plugin sous Firefox, le bog se trouve sous IE qui ne montre qu’un ecran.
      Pouvez vous m’éclaircir davantage please.
      Merci du temps que vous nous consacrez.

    • Vous avez sans doute un problème de chemin si vous travaillez en local ? Si oui, vérifiez tous les chemins, et n’oubliez pas de vérifier aussi le emb.html .

    • Bon ma config c’est ça :
      http://localhost/site-spip/rep_video/video.flv
      http://localhost/site-spip/player_flv.swf et
      http://localhost/site-spip/neoplayer_maxi.swf
      Je pense que c’est ça les bonnes adresses
      et changer le emb.htm en emb.txt et modifier le fichier distant.php situé dans ecrire/inc.

    • En local essaie de donner l’adresse complète de tes deux lecteurs dans le fichier emb.

      Puis n’oublie pas de modifier pour un serveur distant.

    • Svp,
      puis-je avoir une configuration du fichier emb. A vrai dire je sais pas comment il fait l’adressage. J’ai ouvert le code mais ...
      Pouvez vous me donner une façon de changer l’adresse, si ce n’est pas trop vous demandé ?
      Mille merci à vous.

    • Salut à tous,

      Je reviens personne n’a une idée sur la config du fichier emb ? J’ai toujours le même probleme. Le navigateur me demande de telecharger un plugin or j’ai mis les deux player precités à la racine du site pour gerer les format flv et mp3.
      Cordialement.

    • Donne moi ton adresse en écrivant à l’auteur de cet article (moi) et je t’envoie les modifs du fichier emb qui marcheront peut-être.

      Après je ne vois pas pourquoi se prendre la tête en local alors que c’est fait pour du serveur distant.