Un loup blessé

Le blog, sous DotClear, d'un Geek Gay DVDvore. Naïf paranoïaque, utopiste désabusé.

Contenu | Menu | Sidebarre | Extra | Recherche | Bas de page

mercredi 12 décembre 2007

Deezer / Blogmusik valide XHTML dans WordPress malgré l'éditeur visuel

Je vais essayer de vous montrer qu'il est possible d'intégrer un player Deezer / Blogmusik dans un billet de WordPress, malgré la présence de l'éditeur visuel qui casse la code et le tout passant la validation XHTML.

1 - Prérequis :

- Je ne suis pas un pro de WordPress, je fais cela pour aider, alors attention aux commentaires. Si vous êtes un pro de WordPress et que vous savez mieux faire que moi, commencez déjà par vous poser la question comment cela se fait que c'est à moi qu'on vienne demander de l'aide et pas à vous... Par contre, tout commentaire venant apporter sa pierre à l'édifice est le bienvenu.

- Dans Options / Ecriture (de votre WordPress), assurez-vous d'avoir décoché l'option "WordPress doit automatiquement corriger les balises XHTML non valides". Parce que si vous ne savez pas mettre vos "simples" balises XHTML valides et que vous comptez sur WordPress pour le faire à votre place, on n'est pas sortie de l'auberge ! D'ailleurs, dans ce cas, je ne sais même pas ce que vous faites ici à lire ce tutoriel, c'est pour vous du chinois, ne vous infligez pas ce supplice :pasbien:

2 - Afin de travailler sur du concret, je vais résoudre le problème de Jérôme du blog Playmobils Estropiés & Associés : intégration d'une playlist Deezer dont il m'a donné le code fourni par Deezer.

Le code non valide :


<div style="width:180px;height:236px;">
<object width="180" height="236">
<param name="movie" value=" http://www.deezer.com/embedded/widget.swf?path=2548914&lang=fr&autoplay=0&id=328169"></param>
<embed src=" http://www.deezer.com/embedded/widget.swf?path=2548914&lang=fr&autoplay=0&id=328169" type="application/x-shockwave-flash" width="180" height="220">
</embed>
</object>
</div>

En suivant le protocole que j'avais donné pour rendre un code Blogmusik valide XHTML, cela ne fonctionne pas, pourquoi ? (alors que cela fonctionne très bien avec DotClear 1 et DotClear 2)

Le code obtenu est pourtant valide XHTML :


<div style="text-align: center;">
<object type="application/x-shockwave-flash" data="http://www.deezer.com/embedded/widget.swf?path=2548914&amp;lang=fr&amp;autoplay=0&amp;id=328169" width="180" height="220">
<param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=2548914&amp;lang=fr&amp;autoplay=0&amp;id=328169" />
<p>Editors - BestOf (en flash)</p>
</object>
</div>

Parce que l'éditeur visuel de WordPress tente de modifier le code et le "casse" ! Je vais donc vous proposer plusieurs façon de faire et vous laisser choisir celle qui vous plait le mieux :

  • a) Utiliser les propriétés du Doctype transitionnel - Intégration à l'aide d'une iframe

La plupart des thèmes sous WordPress ont un Doctype XHTML transitionnel et permettent donc l'utilisation des "iframe" (qu'il n'est pas possible d'utiliser lorsque l'on code en XHTML strict). En intégrant le code du player Deezer par iframe, l'éditeur visuel ne verra pas le code du player, n'y mettra pas son nez et ne le cassera pas, nananère !

Commencez donc par vérifier que votre Doctype est bien un transitionnel en vous positionnant sur l'une des pages de votre blog et en demandant à votre navigateur d'afficher le code source. La première ligne se doit d'être le Doctype, si cette ligne contient le mot "Transitional", c'est gagné, vous pouvez utiliser les "iframe". (Si vous préférez regarder les fichiers de votre thème, jetez un oeil du côté du header.php)

La manipulation que je vous propose est donc toute simple, copiez le code valide XHTML utilisé juste au-dessus dans un fichier que vous nommez par exemple "Deezer1.html". Uploadez-le dans un répertoire précis sur votre hébergement (je l'ai mis dans un répertoire /share/ de mon répertoire wordpress) et utilisez ce code que vous mettez dans votre billet :


<p style="text-align: center"><iframe src="http://votrenomdedomaine/share/Deezer1.html" class="deezer" align="middle" frameborder="0" width="220" height="270" ></iframe></p>

Il faut bien évidemment adapter le chemin du src selon votre paramétrage.
Si vous avez envie de personnaliser la présentation par CSS, rajouter une classe "deezer" dans votre "style.css".
Attention, le player ayant width="180" et height="220", il faut que l'iframe soit plus grande que lui si vous ne voulez pas voir apparaitre de disgracieux ascenseurs ! Après plusieurs essais avec différents navigateurs, il semblerait que width="220" et height="270" soient les meilleurs paramètres pour l'iframe.

Lorsque vous voudrez intégrer une autre playlist, il suffira de recopiez le fichier Deezer1.html dans par exemple un Deezer2.html, de modifiez les DEUX "path", les DEUX "id" et le texte alternatif (compris entre <p> et </p>) puis de mettre dans votre billet, le même code de l'iframe en remplaçant Deezer1.html par Deezer2.html etc...

Pour voir le rendu ou vérifier la validité XHTML de cet exemple, je vous invite à lire "Deezer dans une iframe" sur mon blog de test WordPress.

  • b) Méthode "à l'arrache"

Enfin, pas tout à fait car même en forçant, l'éditeur fait des siennes mais enfin bon, on en est pas très loin...

Reprenez le code valide XHTML du dessus. Positionnez votre curseur sur le début de la dernière ligne (le </div>) et faite un "backspace" pour la coller à la ligne précédente. Recommencez la même chose avec la ligne précédente (le </a> que vous collez à l'<img...> du dessus) et encore et encore jusqu'au <div style et obtenir un bloc supprimé de ses retours à la ligne. Faites la même chose avec le deuxième </div> et supprimer les deux balises <p> et </p> du texte alternatif pour obtenir quelque chose de ce genre :


<div style="text-align: center;"><object type="application/x-shockwave-flash" data="http://www.deezer.com/embedded/widget.swf?path=2548914&amp;lang=fr&amp;autoplay=0&amp;id=328169" width="180" height="236"><param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=2548914&amp;lang=fr&amp;autoplay=0&amp;id=328169" />Editors - BestOf (en flash)</object></div>

Ecrivez votre billet sous WordPress comme d'habitude mais sans insérer le code du player. Allez désactiver l'éditeur visuel (Utilisateurs / Modifier / décochez "Utiliser l'éditeur visuel pour écrire" puis cliquez sur le bouton "Mettre à jour l'utilisateur"). Retournez dans votre billet, insérer le bloc de code modifié (supprimé de ses retours charriots) et publier directement. Vous pouvez ensuite réactiver l'éditeur visuel mais si vous le réactivez, si vous retournez voir votre billet, surtout ne le modifiez pas, le code serait "cassé" ! Pour modifiez votre billet, il faut IMPERATIVEMENT penser à désactiver l'éditeur visuel avant de retourner sur le billet.

Pour voir le rendu ou vérifier la validité XHTML de cet exemple, je vous invite à lire "Deezer à l'arrache" sur mon blog de test WordPress.

  • c) Méthode "Je veux modifier le billet après coup avec l'éditeur visuel actif mais pas utiliser d'iframe", alors il va falloir plus de deux neurones en marche" - Not blonde inside - Brun très foncé exigé :evil:

Je vais modifier le code utilisé dans le point (b) afin qu'il dérange le moins possible l'éditeur visuel. Il le dérangera quand même donc il faudra faire attention avant de publier ou de modifier votre billet de le remodifier légèrement à chaque fois.

Insérer donc ce code à la place :


<p style="text-align: center"><object type="application/x-shockwave-flash" data="http://www.deezer.com/embedded/widget.swf?path=2548914&amp;lang=fr&amp;autoplay=0&amp;id=328169" height="236" width="180"><param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=2548914&amp;lang=fr&amp;autoplay=0&amp;id=328169"></param>Editors - BestOf (en flash)</object></p>

D'une fois sur l'autre, quand vous changez de playlist, il faut changer les DEUX "path", les deux "id" et le texte alternatif compris entre la balise </param> et la balise </object> (dans cette exemple, j'ai mis "Editors - BestOf (en flash)" comme texte alternatif).

Vous intégrez ce code dans votre billet au dernier moment, juste avant la publication, comme indiqué au point (b) précédent.

Lorsque vous voulez modifier votre billet, juste avant d'enregistrer, retournez sur le code du player. Vous constaterez que l'éditeur a rajouté un saut de ligne derrière le width="180"> soit juste avant le <param name="movie" . Il suffit de se positionner devant le <param name="movie" et de faire un backspace pour le recollez au width="180">. Si vous ne le faites pas, la fois suivante, il déplacera carrément le </object></p> derrière le width="180"> et le code sera complètement inutilisable, non seulement vous perdrez la validité XHTML mais aussi le player ne fonctionnera plus correctement. Et oui, c'est cela que d'avoir un éditeur visuel qui se mêle de ce qui ne le regarde pas :ange:

Pour voir le rendu ou vérifier la validité XHTML de cet exemple, je vous invite à lire "Deezer" sur mon blog de test WordPress.

AMUSEZ VOUS BIEN...

(Vous pouvez poser des questions s'il y a des choses qui ne vous semble pas claires, je ne mords pas, enfin, pas souvent 8-) )

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

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

Tag(s) :  - ,  - ,  - ,  - 

↓

Commentaires et trackbacks

1. Le mercredi 12 décembre 2007 à 09:09, par Jérôme

Bonjour 1loup,

Merci de m'avoir prévenu, mais bon comme je psse régulièrement sur ton blog... ;-)
Bon, tout d'abord merci pour tot ces efforts! et confirmé que ça marche!
J'ai choisi la troisième solution car dans mon cerveau atrophié les iframes c'est le mal LOL

(J'ai fais un test avec la correction xhtml de wordpress et c'est vrai que ça casse la validité du code)

Je vais demander au Père Noël un plugin deezer pour wordpress, ça resterait le solution la plus simple et la plus rapide LOL

Chapeau et encore merci. ;-)

2. Le mercredi 12 décembre 2007 à 09:12, par Jérôme

Bon c'est le matin, il faut lire "passe" (1ère ligne) et "tout" (2ème ligne) :-)

3. Le mercredi 12 décembre 2007 à 09:26, par 1loup

C'était parfaitement compréhensible malgré les fautes de frappe.

Mais non ce n'est pas le mal, les iframes. C'est juste que c'est interdit en XHTML strict mais c'est autorisé en XHTML transitionnel. D'ailleurs, en XHTML strict, on remplace avantageusement les iframes par des object de type html mais cela pose problème avec IE qui interprète mal les object de type html et rajoute des ascenseurs sauf si tu rajoutes un html { overflow:auto; border: none; } dans le CSS de la source, ce qui devient franchement lourd !
(C'est aussi un très bon moyen d'insérer du code php à l'intérieur d'un billet, cette méthode)

4. Le mercredi 12 décembre 2007 à 12:39, par tom

Tout chaud, le plugin wordpress pour Deezer:
user.homeoftom.com/2007/1...
Joyeux Noel ;)

5. Le mercredi 12 décembre 2007 à 13:22, par Jérôme

Tom, merci ton plugin marche bien mais malheureusement le code produit est invalide xhtml et il oblige tout de même à taper un code. Cependant c'est sur bonne voie: il faudrait parser le code deezer et obtenir le code résultant valide xhtml. Comme tu touche ta bille en plugin, tu peux relire mon commentaire sur le billet "un loup sur wordpress" où je donne des pistes et des exemples. Delpinki travaille aussi sur le sujet: www.lackofinspiration.com...

On arrivera au plugin parfait j'en suis sûr! ;-)

6. Le mercredi 12 décembre 2007 à 14:13, par tom

xhtml validé.. :pompom:
Par contre, taper un code ça, je crois que ça restera le minimum pour le moment.

7. Le mercredi 12 décembre 2007 à 18:33, par 1loup

C'est pas mal du tout. Pourrais-tu rajouter un deuxième paramètre qui serait le texte alternatif car pour l'instant cela nuit à l'accessibilité ?

8. Le mercredi 12 décembre 2007 à 20:38, par Jérôme

Pour ma part, j'ai toujours 8 erreurs xhtml avec ce plugin: www.les-bonobos.com/playm...
Un loup, t'as testé le plugin?

9. Le jeudi 13 décembre 2007 à 01:56, par 1loup

J'avais testé le plugin mais pas vérifié la validité puisque Tom avait dit qu'il avait corrigé, je faisais confiance. Tes 8 erreurs ne sont pas "réelles", c'est parce que l'éditeur englobe le code du plugin d'un <p> et </p> que la validation échoue, je suis presque certain que les autres erreurs sont déclenchées "par cascades". Peut être qu'en utilisant des <div> au lieu de <p> dans le plugin... mais cela ne résoudra pas pour autant le problème du texte alternatif !

10. Le vendredi 14 décembre 2007 à 11:49, par Baptiste

I j'ai bien compris, le plus simple reste de désactiver l'éditeur visuel...

11. Le vendredi 14 décembre 2007 à 18:38, par 1loup

>Baptiste : Oui MAIS ce n'est pas suffisant (probablement à cause de l'auto-br qui semble ne pas être désactivable, en tout cas je n'ai pas trouvé où), il faut aussi supprimer les passages à la ligne à l'intérieur du code.

12. Le samedi 15 décembre 2007 à 10:13, par fiuuu

j'suis paumé :(

13. Le samedi 15 décembre 2007 à 11:59, par 1loup

>Fiuuu : mais tu t'en fiches complètement, ce n'est pas pour toi, c'est pour WordPress. On n'a pas besoin de tant d'artifices sous DotClear, nous :evil: Et puis, certains vont être content d'ici peu... enfin, j'espère : je suis en train de leur faire un plugin valide XHTML et accessible !


↑
Rajouter un commentaire

vendredi 2 novembre 2007

ADrive

Ratiatum vient de publier un article sur ADrive, service permettant de stocker en ligne 50 Go.

A quoi cela peut bien servir ? Economiser la bande passante de son hébergeur par exemple ! (les comptes Free à 10Go, c'est bien mais c'est lent et réservé au Français)

Le plus simple, c'est quand même de le tester.

Voici donc un MP3 :

Gimme - Britney Spears (en flash)

puis une vidéo humoristique :

Vidéo : Les aventure de El God Miton (en flash)

Alors... vous... en tant que visiteurs, que pensez-vous des débits ? Est-ce acceptable/confortable d'écouter/visionner ? Pas trop d'attente ?

Billet écrit à 14:46 par 1loup dans la catégorie Des hauts et des bas

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

Tag(s) :  - 

↓

Commentaires et trackbacks

1. Le samedi 3 novembre 2007 à 10:55, par Jarod_

Personnellement j'utilise les 10Go de mon espace Free (en plus d'un petit site web) pour faire mes sauvegardes en ligne automatiques grâce au logiciel Cobian Backup.

2. Le samedi 3 novembre 2007 à 11:00, par Jarod_

Ils n'offrent pas d'accès FTP... ce qui est bien dommage...

3. Le samedi 3 novembre 2007 à 18:15, par 1loup

Argh, cela ne fonctionne pas comme je pensais. J'ai cru sur parole l'article de Ratiatum mais en fait, le streaming ne marche que lorsque je suis connecté en même temps sur mon compte donc aucun intéret pour mon blog.
Pour ceux qui veulent quand même voir/écouter, le MP3 est disponible ici :
MP3
et la vidéo là :
Vidéo

4. Le samedi 3 novembre 2007 à 18:46, par MaxLeMans

Bon, beh chez moi, point de vidéo. Après avoir attendu un peu et ben... rien, nada, vide, noir. C'est couillon, ça à l'air bien ce système de stockage en ligne.

5. Le lundi 5 novembre 2007 à 13:51, par le blogueur masqué

méfiance avec ce site, ca na pas l'air bien stable www.weezonaute.fr/2007/11...

6. Le lundi 5 novembre 2007 à 22:44, par 1loup

Certes mais bon, c'est la définition même d'une version "béta", non ?

7. Le jeudi 15 novembre 2007 à 21:08, par cassetonblog

Mais ça ne marche pas du tout, je n'arrive pas à à lire les données depuis mon compte adrive.com.

A mon avis ça devait marcher, mais ils ont du corriger le problème


↑
Rajouter un commentaire

mercredi 31 octobre 2007

Connaissez-vous imeem...

Pour faire simple, on va dire que c'est comme Deezer (ou presque) sauf qu'il y a plus d'options (comme des vidéos).

La grande différence, c'est quand même que le système semble fonctionner alors que Deezer, il n'y a personne pour dire ce qui se passe exactement. Le site fonctionne mais les problèmes récurrents sur les players embarqués commencent à m'agacer :ouhla:

L'upload est aussi possible, à condition de détenir les droits (système différent de Deezer).

Les players sont moins bien, par contre...

Des exemples ?

Une chanson "single" :

Zazie - Je suis un homme (en flash)

Une playlist :

Pardonne moi (Mylène Farmer/Benny Benassi)-Crazy (Seal)-The world is mine (David Guetta) (en flash)

Le site s'appelle donc imeem :banane:

Qu'en pensez-vous ?

Billet écrit à 16:04 par 1loup dans la catégorie Des hauts et des bas

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

Tag(s) :  - ,  - 

↓

Commentaires et trackbacks

1. Le mercredi 31 octobre 2007 à 17:07, par clawfire

autre enorme avantage: les players se mettent en pause mutuellement si l'un ou l'autre est mis a play !

2. Le mercredi 31 octobre 2007 à 18:28, par 1loup

Oui et il y a plein d'autres choses à découvrir : les playlists peuvent s'ouvrir dans un autre onglet, il est possible de choisir une lecture normale, aléatoire (shuffle) ou un mode "repeat"...

3. Le jeudi 1 novembre 2007 à 01:05, par Jérôme

Hum, j'ai fais une recherche sur Editors:

moins de choix par rapport à Deezer
il faut s'inscrire pour écouter la musique

:os , j'y repasserai plus tard, pour les vidéos il reste toujours youtube..

4. Le jeudi 1 novembre 2007 à 11:46, par clawfire

Jérôme> le temps d'ujne inscription est relativement négligeable je trouve surtout que pout sauvegarder tes playlist sur deezer tu dois aussi t'inscrire et concernant les widget en tout cas il sont beaucoup plus développés que deezer et ont plus de fonctions. (et eux il marchent ^^)

5. Le samedi 3 novembre 2007 à 11:08, par Jarod_

Personnellement ça me soule au plus haut point de devoir m'inscrire sur tous les sites chaque fois qu'on veut y faire quelque chose... alors là c'est même pas la peine d'y penser ! Il existe une demi-douzaine de sites de musique qui ne demandent pas d'enregistrement, donc celui-ci ne trouvera pas sa place dans mes favoris.


↑
Rajouter un commentaire

dimanche 30 septembre 2007

Connaissez-vous Wixi

Logo de wixi

Un bureau virtuel permettant de stocker du multimédia (MP3, Vidéos, Photos), de le partager et de le streamer sur nos blogs !

Voir les articles sur Clubic, Tapahont et Webdeux. Encore en béta et accessible uniquement sur invitation, celle d'iProdWeb n'a pas fonctionnée, j'ai reussi à en avoir une via Tapahont qui en a eu 40.

En gratuit, nous avons un espace de 3 Go avec une limitation de 100 Mo par fichier, une bande passante de 500 Mo par jour, de la pub et l'impossibilité de downloader les fichiers des copains. Ces limitations sautent ou sont augmentées en payant.

(Du coup, maintenant étant inscrit, j'ai trois invitations à distribuer, Clawfire a déjà bénéficié de la sienne, il m'en reste deux.)

Jean-François Ruiz nous invite à republier sur nos blogs la vidéo de présentation qu'il a concocté et uploadé sur son Wixi :

Vidéo de présentation de wixi (en flash)

Je trouve l'ensemble pas mal du tout. Faire des playlists de MP3 ou diffuser des vidéos sans passer par YouTube/DailyMotion, cela peut être sympa, non ? A tester d'urgence :evil:

Si vous voulez devenir mon "friend" (voir le contenu de mon Wixi et me laisser voir le votre), mon Wixi c'est 1loup !

Billet écrit à 07:57 par 1loup dans la catégorie Trucs / Astuces / PC / Mac / Internet

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

Tag(s) :  - ,  - 

↓

Commentaires et trackbacks

1. Le dimanche 30 septembre 2007 à 13:13, par Jérôme

Très sympa. Moi qui m'intéresse à l'accessibilité et à l'ergonomie des interfaces web/logicIels, je veux bien tester.;o)

2. Le dimanche 30 septembre 2007 à 18:16, par 1loup

>Jérome : Invitation envoyée.

3. Le mardi 2 octobre 2007 à 23:57, par 1loup

J'ai eu aujourd'hui 3 invitations supplémentaires, il m'en reste donc 4, s'il y a des intéressés...

4. Le dimanche 7 octobre 2007 à 00:00, par phila

Je suis aussi preneur et d'avance reconnaissant. :ange:

5. Le dimanche 7 octobre 2007 à 01:09, par Mianux

:ange: siouplait mon loup, t'en as pas une pour moi? :ange:

6. Le dimanche 7 octobre 2007 à 01:15, par 1loup

> Phila et Mianux : Invitations envoyées. Il m'en reste encore deux !

7. Le mardi 16 octobre 2007 à 02:14, par Zigee

Salut je découvre ton blog et ce site intéressant j'avoue ;)
J'veux bien une invit' !

8. Le mardi 16 octobre 2007 à 16:19, par 1loup

>Zigee : Fait ! Reste plus que la dernière... qui n'en veut ?


↑
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.

Vidéo Stage6 - Braden Bacha Dantes cove - DivX

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

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

Tag(s) :  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - 

↓

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. :hysterique: Lorsqu'il n'y a pas de crash :evil: , 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. :tnrv:
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". :ouhla:
Conclusion : j'ai ajouté un filtre .divx dans mon Adblock Plus. :ange:

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 LOL

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

>Clawfire : J'attends 8-)

>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

:pompom: 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

samedi 11 août 2007

Stage6 - Nude Models

Stage6, c'est un système un peu comme YouTube et DailyMotion mais au lieu d'être basé sur des vidéos au format flash, c'est ici du DivX.

Pour sauvegarder les vidéos sur son disque dur, un simple clic droit et "Save video as" m'a quelque peu surpris :hysterique:

Il est possible d'uploader jusqu'à 2Go par vidéo ! Il est évidemment nécessaire d'avoir le plugin DivX d'installé pour son navigateur.

Afin de vérifier la validité du code XHTML et savoir si cela fonctionne partout, j'aurais bien aimé des retours des personnes sous Mac et Linux. J'ai fait quelques tests sous Windows avec Opera, Firefox et Internet Explorer mais n'ayant pas tout exploré, n'hésitez pas à me dire, de façons détaillées, ce qui ne va pas, merci.

Suivant ce que vous me direz et les essais, je ferais peut être ensuite un "modèle" pour insertion (valide XHTML).

Attention, les personnes choquées par la présence d'hommes nus sont priés de ne pas cliquer sur "lire la suite" ni d'appuyer sur le bouton "marche" du player, il ne faudra pas ensuite venir vous plaindre :evil:

Voici donc 12 minutes de Miam-miam...

Lire la suite

Billet écrit à 06:32 par 1loup dans la catégorie Miam-miam

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

Tag(s) :  - ,  - ,  - ,  - ,  - ,  - 

↓

Commentaires et trackbacks

1. Le samedi 11 août 2007 à 09:29, par fiuuu

arhhhh je ne vois rien du miam miam pas m^me une fenetre :( :( :(

2. Le samedi 11 août 2007 à 11:39, par clawfire

plugins installé depuis longtemps mais rien ne s'affiche ... regarde un epu dans ton sac de noeud de code xhtml

3. Le samedi 11 août 2007 à 18:22, par 1loup

Doucement les blondasses ! Déjà, pas une des deux pour me dire son système d'exploitation et son navigateur, ni si vous arrivez à lire un DivX sur le site Stage6. Alors, me dire "ouin, cela marche pas !", cela ne m'avance pas à grand chose, hein !
On fait des essais ok ?
C'est hyperdifficile, PERSONNE n'a encore fourni de code XHTML valide ET fonctionnant sur toutes les plateformes !!!
J'ai modifié le code, c'est assez tordu mais chez moi, sous Windows XP, cela fonctionne avec Firefox et Internet Explorer. C'est presque cela avec Opera, il fait un peu la gueule mais il affiche la vidéo...
Donc pour faire avancer le truc, il faut être explicite les filles :evil:

4. Le samedi 11 août 2007 à 18:37, par 1loup

Argh... cela gèle sous la version 3.0.2 de Safari Windows :ouhla:

Est-ce qu'il y a des MacOs et des Linuxiens dans le coin ? Ouh ouh :question:

5. Le samedi 11 août 2007 à 22:35, par fiuuu

waouuuuuuuuuuuuuu sous fff2.0.06 et wxp sp2 ca marche !
arhhhhhhh je vais voir un film de bouboule !!!
oupsssssss
génial ce plugin que j avias pas installé en fait) avec assombrissement du fod d écran en noir !
génialllllllllllllllissime
merci loup

6. Le dimanche 12 août 2007 à 14:17, par eustazio

Ca marche très bien chez moi !

7. Le dimanche 12 août 2007 à 15:08, par slb

Chez moi aussi ca fonctionne très bien et pourtant je suis HYPER blonde en matière d'informatique...

8. Le dimanche 12 août 2007 à 21:33, par mekbrun

Tout fonctionne a merveille! :pompom:

9. Le lundi 13 août 2007 à 22:42, par passerieux

Sous mac OS X avec Safari, ça marche normalement, mais la vidéo met beaucoup de temps à se charger. Ce n'est pas vraiment supportable...
mais la qualité est bien meilleure que sur youtube, etc.

10. Le lundi 13 août 2007 à 23:41, par 1loup

>passerieux : Merci beaucoup pour le retour.

J'ai l'impression que le buffer ne doit pas être actif sous Safari et que du coup, tu es obligé d'attendre que l'intégralité de la vidéo soit chargée avant que cela ne démarre :(
Avantage par contre, la qualité est bien meilleure, comme tu le soulignes. D'ailleurs, certains films sont en qualité HD : Il y a plutôt intérêt à avoir un bon download sur sa ligne !

Il me manque maintenant le retour d'un Linuxien avec Konqueror et je serais heuuureuuux 8-)

11. Le mardi 14 août 2007 à 18:00, par clawfire

pour ma part je n'ais aps trop de pb pour le streaming, par contre si tu pouvais donner un coup de main ici loup www.dotclear.net/forum/vi... ils cherchent un code valide ^^ c toi le préposé

12. Le mardi 14 août 2007 à 19:04, par 1loup

>Clawfire : Pourrais-tu laisser un message en expliquant que tu connais quelqu'un qui a probablement la solution à son problème mais que je n'ai pas le temps immédiatement, qu'il faut qu'il patiente un jour ou deux. (je ne peux pas me connecter sur le forum maintenant, j'ai plusieurs jours de retard à lire et je vais perdre tout l'historique si je le fais)
Il faut que je teste aussi ce qu'il demande (pas la diffusion à partir des serveurs de Stage6 mais de son domaine à lui).

Toujours personne n'ayant testé sous Linux ???

13. Le mercredi 15 août 2007 à 08:35, par 1loup

Argh ! Il y a un problème avec IE 6 ! :grrr:
Cela fonctionne bien avec IE 7 mais pas avec IE6, crotte alors :ouhla:
Je vais tout recommencer à zéro...

14. Le mercredi 15 août 2007 à 18:53, par clawfire

tu voudrais quand meme pas que je sélectionne linux dans mon dualboot menu ? nanmého ^^
Bon ok à l'occaz

15. Le mercredi 22 août 2007 à 01:15, par MaNDraCk

Je suis sous debian alors apparement la video s'affiche mais c'est pas le bon lecteur :)
Je n'ai pas installé le pluggins car je ne l'ai pas trouvé
La vids s'affiche ... aucune info sur le chargement j'ai seulement la possibilitée de faire pause et play ;)


Je passe ici par hasard et je vous fait profiter de l'info mais" Adresse IP enregistrée même derrière un proxy !" je n'y crois pas vraiment ;)

16. Le mercredi 22 août 2007 à 01:37, par 1loup

Voir :
bloug.clawfire.net/index....

17. Le vendredi 24 août 2007 à 05:27, par Hell Pé

Ca marche chez moi : Ubuntu, Firefox et totem-plugin. Un clic droit pour l'ouvrir direct dans Totem, la vie est belle quoi.

18. Le jeudi 27 décembre 2007 à 09:14, par Flinch

Lors de la lecture, j'ai une belle petite fenêtre : The video cannot be found (404 error) ...

J'essaye de mettre la même chose en place chez moi (vidéo sur mon serveur / dotclear 1.2.7 / xp / wamp) et .... pareil

Y a eu des changements depuis le mois d'aout ??

19. Le jeudi 27 décembre 2007 à 10:48, par 1loup

>Flinch : Non, il n'y a pas eu de changement dans le code depuis le mois d'aout. La réponse est dans ta question en fait : Tu obtiens une fenêtre avec "The video cannot be found (404 error) it appears to have been removed from the server.". Tu n'as pas une petite idée ? A mon avis, soit la vidéo a été retirée par celui qui l'a uploadé soit la vidéo avait des "copyrights" et a été retirée à la demande d'un ayant droit, non ?
Pour contre exemple, va voir ce billet, qui lui fonctionne :
1loup.net/index.php/2007/...


↑
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 :evil: )

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 :

Eric Allaman - Dying to be with you - Theme from Dante's Cove (en flash)
  • 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 :

Culture Club - Do you really want to hurt me - Single Deezer (en flash)
free music

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) :  - ,  - ,  - ,  - 

↓

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é :hysterique: . 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

:deprime: 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

:pompom: 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! :hysterique:

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 :tnrv:

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.