SPIP-zone .info

Une seule photo

BoOz — 2008-05-12T22:08:49Z

- Photos

Le plugin lecteur multimedia

BoOz — 2008-01-19T11:27:00Z

Jouer des sons, des vidéos et des playlists avec SPIP

http://sarkotusors.propagande.org/medias/musique/l_attereur.mp3

Le plugin « lecteur multimedia »

Le plugin « lecteur multimedia » permet la lecture et l'affichage de sons ou de videos.

Dans un texte le plugin transforme les raccourcis des documents ajoutés <docX|player> et affiche des lecteurs flash adaptés aux formats .MP3 et .FLV.

Télécharger le plugin Lecteur_multimedia

Audio

Ajouter des lecteurs en écrivant <docX|player> dans un texte

Voici un document mp3 ajouté à cet article en précisant la légende et sans mettre de vignette personalisée <doc6|player> :

Toccata prokofiev: balaise au piano; IMG/mp3/prokofiev_toccata.mp3

Un autre exemple avec un document distant (legende et vignette personnalisée), <doc185|player|center> :


Les idées saines: Mix révélé par Davduf; http://www.davduf.net/IMG/Sergio_Dub.mp3

Un troisième exemple épuré : <docX|player> tout court, pas de légende, titre ou vignette.

http://www.monde-diplomatique.fr/carnet/IMG/mp3/Le_Diplo_031006.mp3

Le plugin agit également sur les raccourcis de la forme [->http://www.monsite.net/fichier.mp3] insérés dans les textes.

http://www.monsite.net/fichier.mp3

Les fonctions audio commandées en js utilisent la librairie soundmanager, et peuvent être complétées par des actions personalisées (survol etc) telles que définies dans l'api.

D'autres players audio

On peut choisir son player flash favori sur la page de configuration du plugin.

Le lecteur audio par défaut est le lecteur de Neolao, mais le plugin propose également de choisir un lecteur audio alternatif parmi Dewplayer, one pixel out player (celui qui se déplie) et eraplayer.

http://sarkotusors.propagande.org/medias/musique/l_attereur.mp3

éventuellement, il peut être utile d'afficher plusieurs lecteurs


 <docXX|player|player=pixplayer>
 <docXX|player|player=neoplayer>
 <docXX|player|player=dewplayer>
 <docXX|player|player=eraplayer>

Ajouter des player dans un squelette

voici un exemple :


 <BOUCLE_getA(ARTICLES){id_article}> 
 <h1>#TITRE</h1>
 .... 
 <BOUCLE_ziq(DOCUMENTS){id_article}{mode=document}{extension=mp3}>
 [(#MODELE{doc_player}{player=neoplayer}{id_document=#ID_DOCUMENT})]
 </BOUCLE_ziq>
 ...
 </BOUCLE_getA>

Les raccourcis de liens du type [->http://www.monsite.net/fichier.mp3] dans un texte

On peut aussi écrire dans le texte :

[->http://www.monsite.net/Sergio_Dub.mp3]

et obtenir simplement :

http://www.davduf.net/IMG/Sergio_Dub.mp3

Et si on écrit dans le texte :

[Sergio Dub->http://www.monsite.net/Sergio_Dub.mp3]

On obtient simplement :

Sergio Dub

On obtient ce résultat en couplant JQuery et les micro formats.

Utiliser les micro formats

Le plugin réagit également au micro-format rel="enclosure", grâce à une commande jQuery, déclenchée par la balise #INSERT_HEAD dans l'entete de la page HTML.

Si vous écrivez dans un squelette :


 <a rel="enclosure" href="http://site.net/Sergio.mp3">
 Sergio Dub
 </a>

vous obtenez :

Sergio Dub

Avec la page de syndication site.html de la dist, le plugin donne directement ca. http://spip-zone.info/spip.php?site1

Le format ogg vorbis

Si en revanche on ajoute un document au format ogg <doc7|player|center> ca donne ca :

Perline: Conférence sur SPIP

car il n'existe pas encore de lecteur flash qui lit le format ogg vorbis.

Vidéo

Avec le player Neolao.

Avec une video au format flv (+ legende, + titre, sans vignette personnalisée) le raccourci <doc184|player|center> donne

Les plugins IMG/flv/les_plugins_stephane.flv: Présentation par Stéphane

Et avec une video avec dimension (350 x 200) et vignette :

Clip féria IMG/flv/clipferia.flv

Note : Parfois, les documents distants au format .flv sont reconnus par spip en tant que fichier texte, vous saurez ici pourquoi, et quoi faire

Comme l'explique Arno*, il est également possible d'ajouter une video format .swf (comme sur utube par exemple) , avec l'habituel <embX> en précisant la largeur et la hauteur du document (425 et 350 ici).

Don't Download This Song - Weird Al Yankovic

Une video de Utube

<embX> fonctionne également avec des videos au format m4v, .mov, .avi, mpeg, wmv, etc

Afficher une playliste avec un modèle

Pour afficher la playliste des mp3 d'un article, ou bien des derniers mp3 si on est pas dans un article on peut utiliser le modèle playliste.

Appel dans un squelette (Cf page d'accueil de ce site) : [(#MODELE{playliste}{id_article})]

Appel dans un squelette (pour une playliste spécifique) : [(#MODELE{playliste}{id_article=XX})]

Appel dans le texte d'un article (derniers mp3 du site) : <playliste|site>

Appel dans le texte d'un article (playliste d'un article) : <playliste|id_article=XX>

La playliste video est également disponible.

Dans un article

<playliste|video|id_article=18>

Dans un squelette :


 #MODELE{playliste_video}

Voir une démo

Le challenge maintenant, c'est d'améliorer la css de la playlist et même d'en proposer différentes pour faire des "skins".

A vous de jouer !

Ce plugin est un mélange des contribs précédentes de BoOz, Cedric, Iago et Netdeveloppeur sur ce sujet.

Le code source est disponible sur spip-zone

Télécharger le plugin Lecteur_multimedia

Une fois que vous avez décompressé le fichier, renommez le repertoire "Lecteur_multimedia", puis placez le dans le répertoire /plugins à la racine du SPIP, et activez le plugin dans l'espace privé.

Pour les versions de spip < 1.9.2, vous devez aussi installer le plugin jquery lequel nécéssite d'ajouter la balise #INSERT_HEAD dans le <head> de la page HTML.

Jouer des sons, des vidéos et des playlists avec SPIP

Télécharger le plugin Lecteur_multimedia

Voir la Documentation

Démo player audio

[->doc185] donne

Les idées saines

[->http://www.spip-zone.info/IMG/mp3/prokofiev_toccata.mp3] donne

http://www.spip-zone.info/IMG/mp3/p...

<doc185|player> donne


Les idées saines: Mix révélé par Davduf; http://www.davduf.net/IMG/Sergio_Dub.mp3

Démo playliste audio

<playliste|site> ou #MODELE{playliste} donne :

Voir une skin alternative

vidéo

<doc184|player|center> ou [(#MODELE{doc_player}{id_document=184})] donne :

Les plugins IMG/flv/les_plugins_stephane.flv: Présentation par Stéphane

<playliste|video> ou #MODELE{playliste_video} donne :

Texte alternatif

Note de développement

La gestion visuelles des playlistes dans le fichier player_enclosures.js repose sur deux couples de tableaux js :

mp3Array mp3Titles

flvArray flvTitles

et sur la structure html suivante :

<ul class="playliste">

<li class="play_"> </li>

<li class="play_"> </li>

<li class="play_ play_on"> </li>

</ul>

play_on marque le li correspondant au titre qui est joué, mais bug avec plus d'une palyliste par page car lié a

jQuery("span.play_:eq("+i+")").html("<img src='" + image_pause + "'/>").addClass("play_on");

Il serait péférable de limiter une playliste au bloc html de de la liste plutot qu'a la page. En indexant le parent html dans mp3Array ?

Une structure serait plus générique serait : lecteur_multimedia.js :

<ul id="playliste1" class="playliste video">

<li class="play"> </li>

<li class="play"> </li>

<li class="play live"> </li>

</ul>

TODO

mettre la fonction pause en générique, et pas que dans la skin blogo

Prevoir un :

player_play(url)

Le plugin splickrbox

BoOz, Mortimer — 2008-01-12T12:14:00Z

Ce plugin affiche un badge à la flickr.

Le nombre d'images est paramétrable avec le critère taille
Le nombre de colonnes est paramétrable avec le critère colonnes

Affichage dans un squelette

#MODELE{splickrbox}





Notation étendue :



[(#MODELE{splickrbox}{taille=15}{colonnes=5}{align=right}{id_article=12})]

Affichage dans un article

Les derniers documents

<splickrbox|site0>

Les documents d'un article

<splickrbox|id_article=2268>

les images affichées sont sélectionnées par une boucle dans le modèle splickbox.html dont voici un extrait :

<BOUCLE_flickr(DOCUMENTS){!par date}{extension==jpg|png|gif}{0,#ENV{taille,12}}{id_article?}{id_rubrique?}> <td> <a href="#FICHIER" class="thickbox">[(#FICHIER|copie_locale|image_masque{carre-100.png}|image_aplatir{jpg})]</a> </td> [(#COMPTEUR_BOUCLE|Splickr_juste_a_x{#ENV{colonnes,3},</tr><tr>})] </BOUCLE_flickr>

Télécharger

Sound manager

BoOz — 2007-04-12T22:21:37Z

Tests avec Soundmanager

Playliste

http://spip-zone.info/?page=player2

démo API

http://spip-zone.info/soundmanager/...

Doc

http://spip-zone.info/soundmanager/

Test

http://spip-zone.info/?page=player3

Mosaïque

BoOz — 2007-03-29T23:20:17Z

- Photos

Ipsum Lorem

BoOz — 2007-03-19T23:07:54Z

lien

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore


document: directos dans le texte en doc ou emb

eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Ut wisi enim ad minim veniam

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lo

Plugin abonnement

BoOz — 2007-02-07T18:45:47Z

Nécessite le plugin acces_restreint

Plugin pdf2swf

BoOz — 2007-02-02T19:44:37Z


Lire le jquery mag

Plugin Thickbox

BoOz — 2007-01-19T09:00:00Z

Effet Thickbox pour les images avec SPIP

Voici le plugin thickbox pour SPIP.

Il s'agit d'une adaptation du code original de Cody Lindley qui permet d'afficher une image <doc53|center> [1] avec un effet de présentation à la mode qui se met en route lorsque l'image est cliquée.


badge SPIP: spip-feria

Avec le porte folio de SPIP, ca fonctionne directement comme une galerie d'images (précédant, suivant diaporama etc). Vous pouvez lancer la démo en cliquant sur les images en dessous de ce texte.

Mise en place dans les squelettes

préciser le type de document dans le lien


 <a href ="url de l'image affichée dans la thickbox" type="image/jpeg">
 <img src="votre url" alt="le titre à afficher dans la thickbox" />
 </a>

ou bien préciser la class thickbox dans le lien


 <a href ="url affichée par thickbox" class="thickbox">
 <img src="votre url" alt="le titre à afficher dans la thickbox"/>
 </a>

Mais thickbox, c'est aussi utilisé pour afficher du html

Cliquer ici pour voir un exemple

Dans cet exemple le HTML est caché dans la page courante avec le style CSS display:none :

Voir un exemple avec des paragraphes

Et on peut également afficher une page dans un Iframe

Voir une page dans un Iframe

Ou encore une de page du serveur appelée en ajax

Voir un exemple de page appelée en ajax

Télécharger le plugin pour spip

(spip 1.9.2)

Code source sur spip-zone

[1] la notation , ou bien <imgNN|lien=#|lien_class=thickbox> fonctionne également

Pour vérifier la compatibilité d'affichage, on ajoute des documents audios affichés par le plugin Lecteur multimedia et on constate que les lecteurs flash reste bien derrière l'effet thickbox et pas par dessus. (si vous voyez que ca bave, merci de signaler votre navigateur et votre os dans le forum)

Sarko Ségo Love: Polemix et la voix off; http://flunch.podemus.net/Audio/sego_sarko_love.mp3

Sarko Ségo Love: Polemix et la voix off; http://flunch.podemus.net/Audio/sego_sarko_love.mp3

Sarko Ségo Love: Polemix et la voix off; http://flunch.podemus.net/Audio/sego_sarko_love.mp3

photos avec tailles spécifiques

BoOz — 2007-01-10T11:45:53Z

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah