Blog (technique) - Un loup blessé

dimanche 26 août 2007

Diffusion de vidéos DivX / Stage6 valide XHTML

D'abord, encore merci à tous les participants des précédents billets sur le sujet. Voici donc le code que je vous propose pour diffuser des vidéos au format DivX, qu'elles soient hébergées sur Stage6 ou sur vos propres serveurs, avec un code valide XHTML. La méthode que je trouve finalement la plus facile est de séparer le code en deux avec d'un côté Internet Explorer et de l'autre, le reste des navigateurs. Ce code est prévu pour fonctionner avec DotClear en Wiki. Pour les autres, il suffit de supprimer le ///html du début et le /// final pour que cela fonctionne.


///html
<!--[if IE]>
<div style="text-align:center;">
<object type="video/divx" classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" codebase="http://download.divx.com/player/DivXBrowserPlugin.cab" width="LARGEUR" height="HAUTEUR"  >
<param name="src" value="URL" />
<param name="autoplay" value="false" />
<param name="custommode" value="Stage6" />
<param name="showpostplaybackad" value="false" />
<param name="wmode" value="transparent" />
<param name="loop" value="false" />
<param name="pluginspage" value="http://go.divx.com/plugin/download/" />
<p>Texte de remplacement</p>
</object>
</div>
<![endif]-->
<!--[if !IE]><-->
<div style="text-align:center;">
<object type="video/divx" data="URL" codebase="http://download.divx.com/player/DivXBrowserPlugin.cab" width="LARGEUR" height="HAUTEUR">
<param name="src" value="URL" />
<param name="autoplay" value="false" />
<param name="custommode" value="Stage6" />
<param name="showpostplaybackad" value="false" />
<param name="wmode" value="transparent" />
<param name="loop" value="false" />
<param name="pluginspage" value="http://go.divx.com/plugin/download/" />
<p>Texte de remplacement</p>
</object>
</div>
<!--><![endif]-->
///

Sur ce squelette, il suffit ensuite de modifier chaque occurence de :

URL : Adresse de la vidéo
LARGEUR : Largeur de la vidéo
HAUTEUR : Hauteur de la vidéo
Texte de remplacement : Texte devant apparaitre si le plugin DivX n'est pas présent

L'autoplay peut prendre comme valeur false ou true et permet de faire démarrer la vidéo en automatique.
Le loop, permet de visionner la vidéo en boucle.

Il est aussi possible de rajouter d'autres arguments. Faites alors attention de les rajouter dans les 2 conditions du code (if IE et if !IE) :

Pour que l'écran du player ne soit pas noir, il est possible d'afficher une image (un jpg, un gif ou un png), rajouter alors <param name="previewImage" value="URL de l'image à afficher" />
Par défaut, il y a un buffering de la vidéo.

Pour fonctionner sans tampon, rajouter <param name="bufferingMode" value="null" />

Pour que la vidéo ne démarre que lorsque l'intégralité du fichier est chargé, rajouter <param name="bufferingMode" value="full" />

Par défaut, il n'y a pas de contrôle sur la version du plugin DivX utilisé. Pour rajouter une condition, par exemple la présence du plugin 1.0.0, rajouter <param name="minVersion" value="1.0.0" />
Pour ne pas autoriser le menu du clic droit, rajouter <param name="allowContextMenu" value="false" />
Par défaut, les boutons de controles de la vidéo sont petits.

Pour les supprimer, rajouter <param name="mode" value="null" />

Les autres valeurs possibles sont

floating/auto hide : value="zero"
large : value="large"
full : value="full"

(Certains paramétrages sont spécifiques aux vidéos personnelles et n'auront pas d'effets sur une vidéo Stage6)

Billet écrit à 23:47 par 1loup dans la catégorie Blog (technique)

YES... déjà 7 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DivX - , DotClear - , XHTML -

↓

Commentaires et trackbacks

1. Le lundi 27 août 2007 à 21:32, par Guillaume

merci pour ce travail... je vais utiliser ton code quand je mettrai en ligne ma collection d'émissions TV que je suis en train d'uploader !!!!

2. Le mardi 4 septembre 2007 à 00:21, par Ricou

Merci pour le p'tit code \o/ !
Il me sera bien utile !

3. Le mercredi 5 septembre 2007 à 22:38, par moinillon

Merci à vous, cela fonctionne bien : www.moinillon.net/post/20...
Je ne comprends pas pourquoi Safari se bloque, mais cela dépend peut-être d'autre chose.
Merci !
Tiens, aujourd'hui c'est la saint LOUP !

4. Le jeudi 5 juin 2008 à 00:37, par divx

Merci pour ce tuto, ca fonctionne très bien et c' est plutôt lorsqu' on recherche la validité W3C

5. Le jeudi 19 juin 2008 à 13:38, par Tony-Coasterrider

Valide W3C, OK, mais pas fonctionnel pour tous les navigateurs ! Depuis la sortie d'Opera 9.5, ce code ne passe plus. Pourtant, auparavant, Opera ne bronchait d'ssus. Une solution ? ou alors, faut faire avec ! (Parce-qu'Opera 9.5 passe tout de même mieux les tests Acid3 que ses concurrents alors qu'il ne prenne pas DivX, c'est problématique.)

6. Le jeudi 19 juin 2008 à 18:40, par 1loup

>Tony-Coastrrider: Je ne travaille pas chez Opera Software et je suis donc bien incapable d'engueuler le connard qui a touché à un truc valide qui fonctionnait et qui ne fonctionne plus, désolé !

7. Le jeudi 3 juillet 2008 à 17:29, par 1loup

Opera 9.51 vient de sortir et ce type de code fonctionne à nouveau

↑

Rajouter un commentaire

dimanche 19 août 2007

SVN de DotClear2, la suite

Et c'est quoi la nouveauté récente que je vous présente aujourd'hui ?

Une petite icone apparue dans le formulaire de saisie des billets, regardez comme elle est toute mimi (celle du centre) :

Et au survol, on obtient quoi comme informations ? Media externe !

Et qu'est qu'ça fait quand on clique dessus ?

Cela ouvre une fenêtre, la voici :

Mais pour faire quoi, donc ? Insérer des vidéos YouTube et DailyMotion rien qu'avec l'URL !

Après avoir donné l'adresse, on obtient une autre fenêtre permettant de choisir si la vidéo va être centrée, à gauche, etc...

Elle est pas belle la vie ? Je sens qu'il y en a pas mal qui vont être ravi avec ce chti bouton d'insertion

Mais, euh... à quoi je vais servir, moi, si Olivier, il intègre tout dans DotClear 2 ?

C'était la nouveauté de la Rev 1501 !

Billet écrit à 19:07 par 1loup dans la catégorie Blog (technique)

YES... déjà 10 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear 2 -

↓

Commentaires et trackbacks

1. Le dimanche 19 août 2007 à 20:24, par chtitlolo

Bein voilà encore un petit bouton bien utile... vivement que je le retrouve dans mon blog... il me sera d'une grande utilité.
Pour ce qui est de savoir à quoi tu vas "servir", ne te tracasse pas, j'ai encore plein de boulot pour toi dans les jours qui viennent lol...

gros bisous

2. Le dimanche 19 août 2007 à 20:29, par clawfire

je prends !

3. Le dimanche 19 août 2007 à 21:00, par edonis

Tiens c'était prévu mais pas pour tout de suite, c'est une bonne surprise surtout que posté des vidéos sous DC2 était pas très user friendly une bonne chose donc

4. Le lundi 20 août 2007 à 00:28, par Jean-Marie

excellent ! je la télécharge .... ca commençait a être la galère avec les versions précédentes. (mouhaha, 1loup, marrant les informations avant de poster chez toi, surtout le coup de l'ip :D )

5. Le lundi 20 août 2007 à 07:23, par mekbrun

Tu nous sauves toujours des pires situations alors ne t'en fais pas, de plus tu dois surement avoir des talens inavoués!!

6. Le lundi 20 août 2007 à 17:29, par Jérôme

Sympa ces versions SVN.

Mais ensuite on peut passer d'une SVN à la version finale de DC2, non?

7. Le lundi 20 août 2007 à 22:55, par clawfire

Jérôme : Bien évidemment ! la version finale sera d'abord une version du svn, le svn est le dépot ou les developpeurs bossent !

8. Le mardi 21 août 2007 à 18:16, par Jérôme

Ok merci Clawfire

Dans ce cas là, une SVN est aussi stable qu'une Beta DC2?

9. Le mardi 21 août 2007 à 18:23, par 1loup

Je considère que les SVN sont les versions intermédiaires entre les bétas. Je les utilise de la même façon qu'une béta.

10. Le mardi 28 août 2007 à 18:32, par clawfire

maj a la dernière svn sans pb comme d'habitude ...

↑

Rajouter un commentaire

vendredi 17 août 2007

Au secours - J'ai besoin de Safari sous Mac OS X et d'un Linuxien avec le mplayerplug-in

Après les quelques tests précédents dans la diffusion de DivX via un navigateur, plutôt que de faire de l'imbrication avec les <object>, je tente des commentaires conditionnels.

(Oui, il était possible de combiner les deux mais finalement, je trouve cela aussi simple de séparer)

Bref, voici l'utilisation d'un code valide XHTML pour diffuser une vidéo au format DivX, mais je ne l'ai pas testé partout, je vais donc avoir besoin de votre aide.

Ce code fonctionne avec les vidéos hébergés sur Stage6 mais également pour les DivX hébergés sur vos propres serveurs.

J'ai testé ce code avec succès sous :

Windows XP
- Firefox 1.0
- Firefox 1.5
- Internet Explorer 6
- Internet Explorer 7
- Opera 9

Clawfire a testé ce code sous :

Vista
- Firefox 2.0

(qui m'a fait remarquer qu'il fallait préciser que le plugin désactive Aero)

J'aurais sans doute accès dimanche à un PC sous Windows 2000 avec Internet Explorer 5.5.

Donc, normalement, pour les personnes sous Windows, il ne devrait plus y avoir de problème si vous avez le plugin DivX.

J'ai besoin par contre de testeurs sous Mac et Linux.

Il fut un temps Thanos, RougeCerise, XIII et Garfieldd me lisaient mais je ne vois plus trop de commentaires d'eux. J'aurais bien aimé un retour de personnes surfants sous Safari. Voici le plugin DivX pour Mac. Merci de me signaler si cela fonctionne ou pas chez vous en me précisant la version de votre Safari et OS.

Idem pour Linux, j'ai cru comprendre qu'il était possible de lire un DivX dans un navigateur à l'aide du mplayerplug-in pour Mozilla. Est-ce qu'un Linuxien pourrait me faire cela ?

La communauté DotClear est en attente d'un code valide XHTML multiplateforme, merci d'avance à tous pour vos retours d'informations.

Attention, ~~c'est toujours la même vidéo, elle comprend donc des hommes nus,~~ c'est une vidéo avec un homme nu, ne pas cliquer sur play si vous êtes choqué par la nudité masculine.

Billet écrit à 07:44 par 1loup dans la catégorie Blog (technique)

YES... déjà 15 commentaires :: Et un trackback, un !

Tag(s) : DivX - , DotClear - , DotClear 2 - , Firefox - , Gay - , IE - , Linux - , Mac - , Opera - , Stockage - , Video - , XHTML -

↓

Commentaires et trackbacks

1. Le vendredi 17 août 2007 à 11:42, par clawfire

allez je m'y colle dans 10 min louploup mais c'est bien parceque c'est toi hein
(ne pas attendre le compte rendu avant fin de l'aprem le temps d'une réinstallation propre de tout mes packages qui vont bien)

2. Le vendredi 17 août 2007 à 12:05, par Olivier

Sur mon G4, Mac OS X.4.10 :
Sous Safari 2.0 et Safari 3.0.3 : crashs des navigateurs une fois sur deux, pendant le stade du Buffering. Message d'erreur : KERN_PROTECTION_FAILURE. Lorsqu'il n'y a pas de crash , la vidéo fonctionne correctement.
La vidéo semble fonctionner sous Firefox 2.0, mais le navigateur devient instable dès que je ferme l'onglet qui contient une vidéo au format DivX, ce qui m'oblige à quitter l'application.
Dernier point amusant : en faisant un clic droit et "Save video as", impossible de la visionner directement ; il me faut au préalable la "convertir au format DivX".
Conclusion : j'ai ajouté un filtre .divx dans mon Adblock Plus.

3. Le vendredi 17 août 2007 à 16:29, par RCerise

Je suis toujours là, mais Olivier m'a devancé. Comme actuellement, je n'ai pas le temps de faire sauter safari, je te renvoie à Olivier. Je teste ce weekend, au besoin. Comme Olivier, je dispose d'un G4 et de OSX.4.10, avec safari 2, firefox 2 et Opera 9.

4. Le vendredi 17 août 2007 à 17:07, par Clawfire

Alors pour vista apres maj du plugin divx cela ne desactive plus aero (enfin!) par contre sous nunux et firefox et plugin installé ca ne marche s il me dit otujours plugin manquant et me propose de télécharger un .cab

5. Le vendredi 17 août 2007 à 17:16, par 1loup

>Clawfire : J'attends

>Olivier : Merci beaucoup pour tes tests.

>RCerise & Olivier : Est-ce que l'un de vous deux pourrait visiter le site stage6.divx.com/ et visionner quelques vidéos pour voir si les crashs ont lieu à cause de mon code ou du plugin. J'ai remarqué aussi des instabilités sous Windows/Firefox mais qui proviennent du plugin.

6. Le vendredi 17 août 2007 à 17:19, par 1loup

>Clawfire : Oups, j'étais en train de rédiger mon commentaire et je n'ai pas vu le tien. Même punition que les autres : et sur le site stage6.divx.com/ cela donne quoi ?

7. Le vendredi 17 août 2007 à 17:29, par Clawfire

Ca me fout un bordel snasn nom genre sapin de nawel .... je vais tester autre chose que ce plugin a la mord moi le noeud !

8. Le vendredi 17 août 2007 à 17:34, par Clawfire

ok c bon c marche, en fait le plugin que tu nous file pour nunux est incomplet, je fait un billet avec le bon plugin

9. Le vendredi 17 août 2007 à 20:34, par Cl@wFir€'s Blog ;-)

Lire les vidéos divx sous linux (divxwebplayer)

1loup étant en train de bosser sur un script valide xhtml pour insérer des vidéos divx et les rendre visualisables avec le plus de navigateur possible, j'apporte ma contribution en expliquant comment faire marcher ce divxwebplayer sous linux : 1.

10. Le vendredi 17 août 2007 à 22:26, par Olivier

En allant sur le site stage6.divx.com, j'ai retrouvé les mêmes problèmes (crash des Safaris, et instabilité de Firefox).

11. Le vendredi 17 août 2007 à 23:40, par Thanos

sympa la petite vidéo dis donc, mais oui mon cher louloup, ça marche très bien !
mes infos: OS X 10.4.10
mon safari: Version 2.0.4 (419.3)

12. Le samedi 18 août 2007 à 07:58, par 1loup

Vous êtes géniaux, les mecs. C'est sympa. Merci. Encore deux/trois trucs et je vais pouvoir faire un tutorial.

13. Le samedi 18 août 2007 à 10:17, par passerieux

Sur Safari (3.0.3) avec mac PowerPC G5 (2x2 GHz), OSX (10.4.10), c'est-à-dire du récent, cela marche parfaitement.
Une petite minute de buffering et la vidéo démarre.

14. Le dimanche 26 août 2007 à 21:57, par Yod'ah

Ça marche nickel pour moi sous Ubuntu avec Firefox + plugin Totem GStreamer (avec le set de plugins bad ou ugly, je sais plus, ceux qui font le divx mais qu'il faut ajouter à la main question de légalité de distribution)

15. Le vendredi 6 juin 2008 à 00:11, par fulup

La lecture de divx dans un browser Linux ne pose aucun problème particulier. Il suffit d'une part d'installer le plugin mplayer qui est dispo pour toutes les distrib via packman.de, puis de générer une page avec le code html ci après, soit via PHP au niveau du serveur, soit via javascript directement dans le navigateur.
<EMBED
width="960" height="526"
src="http://movies.fridu.org/divx/Erwan-Test.jpg"
qtsrc="http://movies.fridu.org/divx/Erwan-Test.divx"
loop="false" type="video/divx" controller="true" autoplay="true"
target="myself" >
</EMBED>

Les linuxiens peuvent faire le test sur http://movies.fridu.org/html/fulup-divx.html par contre cette page ne fonctionne pas sous windows car c'est du html direct et non pas un javascript qui adapt le code en fonction de l'OS client.

16. Le vendredi 6 juin 2008 à 01:00, par 1loup

>Fulup: Ton commentaire est complètement à côté de la plaque, il fallait lire et comprendre ce qu'il y avait d'écrit avant de répondre n'importe quoi ou t'abstenir ! Embed et target sont tous les deux interdits en XHTML 1.0 strict, ce type de code ne peut donc pas passer la validation.

↑

Rajouter un commentaire

mercredi 15 août 2007

Les versions SVN de DotClear 2

Il y a quelques jours, j'ai installé la dernière version de DotClear qui était disponible à ce moment là sur Bricolanddrive, il me semble que cela devait être la Version 2.0-beta7 (Rev 1498).

Je n'ai pas exploré à fond les évolutions mais j'ai retenu surtout deux choses que l'on a sur DotClear 1 et qui me manquait...

Un lien permettant de transformer les billets wiki en XHTML :

Un lien permettant de valider son code XHTML à l'intérieur des billets :

Enjoy

Billet écrit à 05:02 par 1loup dans la catégorie Blog (technique)

YES... déjà 6 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear 2 - , XHTML -

↓

Commentaires et trackbacks

1. Le mercredi 15 août 2007 à 07:56, par fiuuu

oui ca c'est bien (peio ne lis pas cela !!)

2. Le mercredi 15 août 2007 à 14:16, par clawfire

noooon ... dis moi pas que c'est pas vrai .... oO
je vais la telecharger de suite ^^

3. Le mercredi 15 août 2007 à 14:52, par clawfire

installé ! par contre je le trouve un ptit peu plus lent que la version beta "stable" enfin celle distribué quoi ...

4. Le mercredi 15 août 2007 à 19:13, par Jankool

Question à 2 balles:

C'est quoi une version SVN? C'est comme une version alpha ou nightly?

Les deux fonctions xhtml ne sont pas inclues par défaut dans la beta officiel de DC2?

5. Le mercredi 15 août 2007 à 19:47, par 1loup

Ce sont les dernières versions, les versions de développement. A ma connaissance, ces deux fonctions n'étaient pas dans la béta 7 distribuée au départ.

6. Le jeudi 16 août 2007 à 06:03, par mekbrun

En fait moi çà me concerne pas?............SI? ........Ah non!!?

↑

Rajouter un commentaire

lundi 13 août 2007

Comment insérer MyBlogLog dans les commentaires sous DotClear 1 (valide XHTML)

Le code utilisé pour insérer le MyBlogLog de l'auteur d'un commentaire n'est pas valide XHTML et j'avais été obligé de le modifier pour qu'il passe la validation.

Sous DotClear 1, certains ne savent pas comment l'insérer, je vous propose ma solution.

Dans le post.php du thème, rechercher la zone des commentaires et juste après <?php while ($comments->fetch()) : /* Boucle de commentaires */, insérer ce code :


$href =$comments->f('comment_site'); # MyBlogLog
$avatar = "<a href=\"http://www.mybloglog.com/buzz/co_redir.php?t=&amp;href=http://". $href ."\" ><img style=\"border: 1px solid #000; \" src=\"http://pub.mybloglog.com/coiserv.php?href=http://". $href . "\" alt=\"Voir mon profil sur MyBlogLog.com !\" title=\"Voir mon profil sur MyBlogLog.com !\" /></a>";

Puis, descendre plus bas dans le fichier, et au niveau du <blockquote> <?php dcCommentContent(); ?></blockquote>, insérer le morceau de code suivant afin d'obtenir à la place :


<blockquote>
<?php if (($link = $GLOBALS['comments']->auteurSite()) !== false) : ?>   
<p class="mybloglog"><?php echo $avatar; # MyBlogLog ?></p>
<?php endif; ?>      
<?php dcCommentContent(); ?><div style="clear:both;"></div>
</blockquote>

Ensuite, il ne reste plus qu'à gérer son positionnement par CSS et son "style", j'ai rajouté pour ma part dans le style.css de mon thème :


.mybloglog { 
float : right; 
margin: -3em -1.5em 0 0; 
}

afin d'obtenir une image flottante à droite et un peu surélevée.

N.B. : Si vous utilisez les gravatars, c'est également dans cette zone qu'ils sont généralement placés. Veuillez alors faire attention en adaptant le code.

(Voir ce billet pour MyBlogLog et DotClear 2)

Billet écrit à 04:03 par 1loup dans la catégorie Blog (technique)

YES... déjà 9 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear - , XHTML -

↓

Commentaires et trackbacks

1. Le lundi 13 août 2007 à 12:38, par Arnaud

est ce compatible avec Gravatar?

2. Le lundi 13 août 2007 à 17:44, par 1loup

Oui Arnaud, regarde, quand tu rentres ici pour laisser un commentaire (pas en page d'accueil), tu trouves le gravatar à gauche et le MyBlogLog à droite. Il suffit de ne pas se mélanger dans les codes.

3. Le lundi 3 septembre 2007 à 07:23, par Rumeurs

J'aime beaucouple design de ton blog ! I est totalement énorme

4. Le mercredi 10 octobre 2007 à 13:54, par Mam'zelle Emie

BONJOUR JE CHERHCE COMMENT installer mybloglog dans mon sidebar
j'ai testé les codes donnés dans mybloglog dans mon template mais ca ne marche pas ... peut etre qu'il y a des codes a mettre j'y connais pas grand chose peut tu m'aider ???

5. Le mercredi 10 octobre 2007 à 19:39, par 1loup

>Mam'zelle Emie : Tu es chez Canalblog, c'est bien cela ? Dans ce cas, il faudrait te diriger sur les forums de discussion de ta plateforme ou trouver quelqu'un hébergé comme toi chez Canalblog ayant déjà installé MyBlogLog et lui demander qu'il te guide.

6. Le mercredi 10 octobre 2007 à 22:25, par Mam'zelle Emie

non justement je passe sous dotclear 1.2.7 c'est pour ca que je me suis permise de te demander ca
je suis un peu largué je ne sais pas trop quoi mettre comme code dans mon template.php??

7. Le jeudi 11 octobre 2007 à 06:51, par 1loup

Ah ben oui mais, je ne suis pas encore devin alors pour t'aider, il faudrais que tu me donnes des renseignements :
- quel est l'url de ton blog sous DotClear 1.2.7 ?
- quel thème utilises-tu ?
- quel code as-tu cherché à inclure dans ton template (tu l'obtiens en allant où et en faisant quoi dans ton compte MyBlogLog) ?
- dans quel fichier l'as-tu inséré (chemin d'accès de ce fichier template.php) ?
- A quel endroit du fichier template.php l'as-tu recopié ?

8. Le jeudi 11 octobre 2007 à 10:00, par Mam'zelle Emie

on m'a dit d'inserrer le code dans la section sidebar ce que j'ai fait mais je suppose que le code de mybloglog doit etre modifier ?
voici le code que ma generer mybloglog (dans get widget): <script type="text/javascript" src="pub.mybloglog.com/comm2.p...

j'utilise le theme "kit" trouvé ici : dotclear.khlevina.info/ki... un theme de base à personaliser avec sidebar à gauche.

J'ai donc voulu recopier le code dans la partie sidebar de mon template.php
fichier : dotclear/theme/montheme/template.php (mais je suppose que le code doit etre transformé ?je sais pas trop en fait !

Mon adresse sous dotclear est www.mamzelleemie.com/ (en cours de creation)

Merci de me repondre aussi vite c'est tres sympa

9. Le jeudi 11 octobre 2007 à 14:14, par Mam'zelle Emie

whaaaa j'ai reussi à force d'acharnement !!!!

↑

Rajouter un commentaire

vendredi 10 août 2007

Comment insérer MyBlogLog dans les commentaires sous DotClear 2 (valide XHTML)

Le code utilisé pour insérer le MyBlogLog de l'auteur d'un commentaire n'est pas valide XHTML et j'avais été obligé de le modifier pour qu'il passe la validation.

Sous DotClear 2, certains comme Guillaume ne savent pas comment l'insérer, je vous propose ma solution.

Dans le post.html du thème, rechercher la zone des commentaires et entre <tpl:Comments> et </tpl:Comments>, insérer ce code :


<a href="http://www.mybloglog.com/buzz/co_redir.php?t=&amp;href={{tpl:CommentAuthorURL}}" >
<img class="mybloglog" src="http://pub.mybloglog.com/coiserv.php?href={{tpl:CommentAuthorURL}}" alt="MyBlogLog" title="Voir mon profil sur MyBlogLog.com !" />
</a>

(Pour passer la validation, il faut respecter l'imbrication des balises <dd> <dt> <dl> ! )

Ensuite, il ne reste plus qu'à gérer son positionnement par CSS et son "style", j'ai rajouté pour ma part dans le style.css de mon thème :


.mybloglog { 
float : right;
margin: -1em -1.5em 0 0;
border: 1px solid #000;
}

afin d'obtenir une image flottante à droite et le "style MyBlogLog".

(Voir ce billet pour MyBlogLog et DotClear 1)

Billet écrit à 23:25 par 1loup dans la catégorie Blog (technique)

YES... déjà 7 commentaires :: Et un trackback, un !

Tag(s) : DotClear 2 - , XHTML -

↓

Commentaires et trackbacks

1. Le samedi 11 août 2007 à 01:12, par 1loup

Je rajouterais même qu'avec le php autorisé dans le thème, il est possible de ne rien afficher lorsque le visiteur n'a pas laissé d'url en englobant le code à l'intérieur de ce test :

<?php if ($_ctx->comments->getAuthorURL() != "") : ?>
...code...
<?php endif; ?>

2. Le lundi 13 août 2007 à 05:28, par Guillaume

Merci d'avoir pris le temps de faire un billet, je suis sur que d'autres que moi vont en profiter !!! Et la validité XHTML est vraiment un gros plus !!!

3. Le lundi 13 août 2007 à 12:52, par clawfire

j'ai intégrer tout cela a mon thème ... je vais donc redistrib une nouvelle version

4. Le samedi 18 août 2007 à 09:10, par Cybercarnet

Améliorations pour les commentateurs

NB : zut, je viens de perdre un billet qui m'avait pris plus d'une heure à écrire à cause d'un bug... En gros, ce que je disait c'est que : Grace à 1loup j'ai su Comment insérer MyBlogLog dans les commentaires sous DotClear 2 (valide XHTML) et

5. Le mercredi 29 août 2007 à 15:56, par JBaptiste

Je viens d'essayer l'intégration sur mon site mais ça ne marche pas :(. En fait je ne pense pas que ça vienne de l'intégration en elle même puisque sur le billet test mon avatar Mybloglog n'appairait pas non plus. Je suppose qu'il faut correctement rentrer des informations par exemple le nom/pseudonyme doit correspondre à celui de Mybloglog (d'où l'AuthorID) et que l'option avatar dans les commentaires soit activée dans les paramètres de Mybloglog, je me trompe ?

6. Le mercredi 29 août 2007 à 20:10, par 1loup

>JBaptiste : A ma connaissance, il suffit d'indiquer son site web/blog comme défini dans son compte MyBlogLog

7. Le lundi 3 septembre 2007 à 17:05, par Jibé

En fait mon erreur viens du fait que j'ai changer le post.html du thème défaut tout en croyant dur comme fer que je n'en avais pas mon thème utilisé. honte sur moi .... . Par contre je me demandais ce qu'il se passe si plusieurs utilisateurs ont le même site de référence

8. Le mardi 4 septembre 2007 à 14:49, par 1loup

>Jibé : Je ne sais pas. A tester ?

↑

Rajouter un commentaire

jeudi 9 août 2007

Les codes valides XHTML pour Blogmusik - Deezer

(Pour Fiuuu, entres autres... pour pas qu'il me dise qu'il ne sait pas faire, il n'a maintenant plus aucune excuse de ne pas passer à Blogmusik / Deezer )

Le plus simples étant de travailler sur des exemples :

Pour afficher le player de playlists, prendre ce code :


<div style="text-align: center;">
<object type="application/x-shockwave-flash" data="http://www.deezer.com/embedded/widget.swf?path=xxx&amp;lang=fr&amp;autoplay=0&amp;id=yyy" width="180" height="236">
<param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=xxx&amp;lang=fr&amp;autoplay=0&amp;id=yyy" />
<p>Texte de remplacement (courte description)</p>
</object>
</div>

Et remplacer les xxx et yyy, en regardant ce que fournit Blogmusik / Deezer comme path et id. Attention, il y a deux path=xxx et deux id=yyy à remplacer. Puis modifier le texte de remplacement, pour obtenir cela :

Pour afficher le player monotitre, prendre ce code :


<div style="text-align: center;">
<object width="180" height="25" type="application/x-shockwave-flash" data="http://www.deezer.com/embedded/small-widget.swf?idSong=xxx&amp;lang=FR&amp;colorBackground=0xC3A758&amp;colorButtons=0x756435&amp;textColor1=0x000000&amp;autoplay=0">
<param name="movie" value="http://www.deezer.com/embedded/small-widget.swf?idSong=xxx&amp;lang=FR&amp;colorBackground=0xC3A758&amp;colorButtons=0x756435&amp;textColor1=0x000000&amp;autoplay=0" />
<param name="wmode" value="transparent" />
<p>Texte de remplacement (courte description)</p>
</object>
</div>
<div style="text-align: center;">
<a href="http://www.deezer.com/"><img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" style="border:none;margin:0;padding:0;" /></a>
</div>

Remplacer les xxx dans le idSong par celui fourni par Blogmusik.

Adapter colorBackground, colorButtons et textColor1 aux couleurs de son blog (couleur du texte, de la bordure et du bouton).

Attention, il y a deux idSong=xxx, deux colorBackground, deux colorButtons et deux textColor1 à remplacer.

Puis modifier le texte de remplacement, pour obtenir cela :

Billet écrit à 19:03 par 1loup dans la catégorie Blog (technique)

YES... déjà 12 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear - , Son - , Stockage - , XHTML -

↓

Commentaires et trackbacks

1. Le vendredi 10 août 2007 à 16:41, par fiuuu

j'suis trop malade pour regarder cela cet aprem et en plus il y a une connasse de bibliothécaire qui m'appelle pour sa chasse d'eau qui fuit
je lui ai dit et béééééééé laisse couler, on verra lundiiiiiiii
salooooooooooooooope

2. Le lundi 20 août 2007 à 12:25, par musana

Merci pour cet article bien documenté . Je t'encourage aussi à t'inscrire sur Musana en version beta privée et à nous faire ton retour. Ce serait vraiment intéressant d'avoir ton sentiment sur ce nouveau Music Happiness Centre qui va très prochainement permettre de disposer à tout moment de toute sa musique en ligne et des services associés.

3. Le dimanche 26 août 2007 à 19:08, par 1loup

Blogmusik est devenu Deezer, il suffit donc de remplacer www.blogmusik.net par www.deezer.com

4. Le lundi 27 août 2007 à 04:34, par Mianux

On dirait que (voir mon billet à l'adresse leguepard.info/index.php/...) le player monotitre refuse ma playlist et l'affiche "undefined" alors qu'avec le même path le player multititre fonctionne. Va comprendre!

5. Le lundi 27 août 2007 à 05:03, par Mianux

Solution trouvée: Pour le player monotitre, les path sont ceux des chansons et non ceux d'une playlist, même si celle-ci ne comporte qu'un titre!

6. Le lundi 27 août 2007 à 05:06, par 1loup

Pourquoi tu m'as pas appelé, mon bébé ?

La réponse est dans ce que tu dis ! Tu utilises le même path or un path de playlist ce n'est pas la même chose qu'un path de chanson même si ta playlist ne contient qu'une chanson.

Remplace pour le monotitre, tes path par 14298 et cela va fonctionner.

Le path d'une playlist s'obtient avec le bouton "blog" tandis que celui d'une chanson s'obtient, lorsqu'elle est en lecture, par le bouton "Blog & Share" (au dessus, à droite).

Et sinon, pense aussi à modifier le texte de remplacement, c'est lui qui est vu par les aveugles et les robots comme Google, alors là, c'est assez moyen d'être référencé comme tu le fais.

7. Le lundi 27 août 2007 à 05:14, par 1loup

Argh, croisement de commentaires. Le principal, c'est que cela fonctionne.

8. Le vendredi 31 août 2007 à 22:09, par Baptiste

Ca marche pas... Il me dit qu'il lit la musique mais rien ne sors de mes enceintes, j'ai mis du son et tout, et pareil sur ton blog. Pareil avec Internet explorer. Le problème vient il de deezer? De moi? De moi et deezer? Tu arrives à lire ce qu'il y a sur ce billet là?

Le pire c'est que sur le site ça marche, juste avec le lecteur exportable que ça pose problème.

9. Le samedi 1 septembre 2007 à 04:24, par 1loup

Ne t'inquiète pas Baptiste, cela ne vient pas de toi mais de Deezer. Depuis la "maintenance", probablement à cause des petits couillons sans cervelle ayants révélé et diffusé une faille de sécurité dans ce super système que constitue Deezer, les players embarqués ne diffusent plus rien, ni avec ce code ni même avec celui d'origine. Je suppose qu'ils travaillent dessus.
Pour une fois qu'on était sur la bonne voie, celle d'obtenir un système permettant d'écouter de la musique gratuitement et de la diffuser sur nos blogs sans se préocuper de la légalité du truc (accord SACEM obtenu et discussion en cours avec les majors), ils y en a qui ont voulu obtenir le beurre, l'argent du beurre et le cul de la crémière

10. Le dimanche 2 septembre 2007 à 23:35, par Baptiste

Ben ouais, c'est nul, j'avais developpé un plugin pour intégrer un player deezer au carde "ma musique " de mon blog. J'étais même prêt a voir pour un package et tout mais maintenant je rentre Jeudi.

Snif je crise depuis que je suis en 2.5

J'ai essayé ton code pour le monotitre
exemple :
<div style="text-align: center;">
<object width="180" height="25" type="application/x-shockwave-flash" data="www.deezer.com/embedded/s...
<param name="movie" value="www.deezer.com/embedded/s... />
<param name="wmode" value="transparent" />
<p>Brassens<p>
</object>
</div>
<div style="text-align: center;">
<a href="www.deezer.com/">... src="www.deezer.com/embedded/f... alt="free music" title="free music" style="border:none;margin:0;padding:0;" /></a>
</div>

Mais le monotitre s'affiche mais aucun son n'en sort
Au secours !!!

Pour les playlistes tout roule

12. Le samedi 19 avril 2008 à 18:23, par 1loup

Si par "que je suis en 2.5" tu veux dire "WordPress 2.5", je te conseille alors d'utiliser mon plugin PlayVidZik en lisant bien le billet en entier et le mode d'emploi intégré :

1loup.net/index.php/2008/...

Sinon, il faut modifier le code (pas de retour à la ligne) de façon à ce que l'intégralité du code tienne sur une seule ligne puis insérer le code en mode HTML et surtout ne pas aller sur le billet en mode visuel !

↑

Rajouter un commentaire

jeudi 2 août 2007

Est-ce que le nouveau validateur du W3C ne déconnerait pas un tout petit peu

Depuis que la version 0.8 du validateur est en place, j'ai une erreur incompréhensible...

Alors, mon problème, j'obtenais donc cette erreur :

Or, à la ligne 9, il n'y a aucune erreur.

Et en isolant le billet fautif, pareil :

Je ne vois toujours pas d'erreur sur cette fameuse ligne !

Et, dans DotClear, le billet passe la validation !

Ce qui est bizarre aussi, c'est qu'il n'y a pas de description du problème ni de proposition pour le résoudre.

Après différents essais, en supprimant le " ", le problème disparait mais sans avoir d'explication car c'est le bon code valide pour faire un espace insécable et que j'ai d'autres espaces insécables dans différents endroits sans que cela semble poser de problème.

Quelqu'un en sait-il plus ?

Billet écrit à 22:42 par 1loup dans la catégorie Blog (technique)

YES... déjà 2 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear -

↓