• Comme s’en est interrogée @aude_v, ce n’est pas tant que je travaille à de nouvelles galeries du Désordre, en revanche j’y remets un peu d’ordre, c’est mal dire, je tente surtout de faire en sorte que tout reste bien lisible, notamment en expurgeant toutes ces saloperies en flash qui rendent nombres de supports vidéo et audio parfaitement interprétables par la plupart des navigateurs et des systèmes (suivant en cela d’une part les encouragements d’@intempestive et les conseils techniques de @jsene). Vous allez voir qu’un jour Désordre sera présentable. Et ce sera plus sûrement du fait de ses visiteuses et visiteurs que de mon fait.

    Et donc pendant que j’y suis je donne la dernière main à des projets restés dans des états intermédiaires de brouillon, parmi lesquels celui sans doute qui me tenait le plus à coeur, à savoir Apnées ma collaboration avec Dominique Pifarély (@dominique) et Michele Rabbia et dont la seule trace que l’on pouvait trouver en ligne était une page de travail, laquelle était plutôt réussie trouvais-je, mais ne rendait pas justice à ce que nous sommes parfois parvenus à rendre sur scène.

    Du coup je me suis pris par la main cet été et j’ai fabriqué un montage qui donne une petite idée des enjeux formels et narratifs de ce spectacle. On peut le regarder en streaming depuis cette page ( http://www.desordre.net/apnees/index.htm ), ou télécharger le fichier vidéo en pleine définition (ce qui permet de bénéficier d’une vraie qualité sonore surtout, ce qui n’est pas un luxe (étant le travail tellement subtil de Dominique et Michele), à cette adresse http://desordre.net/spectacles/apnees/telechargement/apnees.mp4

    (attention clic-droit, ctrl + clic et « enregistrer sous » et vous en prenez tout de même pour 2,5 giga, la qualité est à ce prix j’en ai peur) (vous pouvez aussi vérifier en streaming que cela vous plaît et télécharger le gros fichier ensuite, je dis ça je ne dis rien, « alors ne dis rien ! », comme disent mes filles).

    Rien.

    #apnees

    • ça m’intéresse (non que le reste ne m’intéresse pas), Phil, si vous avez des tuyaux pour diffuser son ou video avec des petites applis autre que flash, des trucs un peu souples et paramétrables pour le Terrier, reconnues par tous les navigateurs ; j’imagine que ça en intéresse plus d’un (sur la plupart de mes machines, les intégrations flash sont bloquées par les navigateurs)

    • @l_l_de_mars Ben en fait c’est tellement simple qu’on pourrait en rougir, la balise d’inclusion est la suivante (offerte par @jsene) :

      ``<video width="640" height="420" controls><source src=« chemin_du_fichier/nom_du_fichier.mp4" type="video/mp4"></video>``

      On met les dimensions qu’on veut.

      Pour ce qui est de l’encodage du fichier, j’utilise un format h264 et ensuite je fais varier les paramètres de début pour (tenter) de faire baisser le poids du fichier.

      Par la suite il faut penser une campagne de restauration dans le site en faisant de grands coups de recherche de ce genre de bouillie de code

      ``<object class="playerpreview" type="application/x-shockwave-flash" data="../accessoires/player/lecteur.swf" height="20" width="300" />``

      Et les remplacer

      Pour les fichiers sons c’est tout aussi simple, la bonne balise est la suivante :

      ``<audio src="chemin_du_fichier/nom_du_fichier.mp3 » controls></audio>``

      Je ne suis pas encore tombé sur une machine ou un navigateur sur lesquels ces inclusions ne fonctionnaient pas, mais je suis sûr qu’on peut en trouver. Mais le fait que cela semble fonctionner chez vous est une indication du caractère un peu universel de la balise en question.

      Evidemment étant donné la taille de sites internet comme le Terrier et Désordre, il faut s’en occuper. C’est ce que je tente de faire.

    • Juste un petit complément à ce que vient de dire @philippe_de_jonckheere : les balises <audio> et <video> ont été introduites par HTML5. Aujourd’hui je pense qu’il ne doit plus rester beaucoup de navigateurs qui ne les reconnaissent pas. Pour connaître les versions minimales de différents navigateurs supportant ces balises voir :
      – pour <audio> : https://www.w3schools.com/html/html5_audio.asp
      – pour <video> : https://www.w3schools.com/html/html5_video.asp

      Et sinon, c’est juste chez moi ou la fin du dernier commentaire de @philippe_de_jonckheere génère un bug d’affichage qui fait que toute la suite (mon commentaire, le bouton « écrire un commentaire » et les billets suivants) est complètement chamboulée ?)

    • @seenthis Je crois que je viens de réparer une heure plus tard les petits dégâts causés par mon inclusion complètement anarchique d’extraits de code. Je ne sais pas où je me suis cru, dans le Désordre sans doute. Est-ce qu’une personne compétente (et gentille) pourrait me dire comment on fait pour copier coller des extraits de code sans semer un net désordre dans fils et commentaires. En attendant je vais envoyer mon message à @l_l_de_mars par mail ce serai aussi simple. Mille pardons

    • une recette à base de backticks

      hello("world")
      backtick = `

      il faut en mettre trois sur une ligne (et rien d’autre), puis ton code, puis de nouveau les trois trucs

    • merci à tous ; @fil pour peertube, je vais me pencher sur la question et sans doute créer un compte - même si j’ai du mal à bien voir quelle instance rejoindre qui soit adéquate au Terrier et à ses publications - , mais pour l’instant, tout ce que je voulais trouver, c’était un moyen de streamer les videos déjà présentes dans le Terrier (il y en a quand même pas mal) en n’utilisant plus flash.
      La solution apportée par les balises video et audio me semble pas mal, même si elle exclue plein de vieux navigateurs sur de vieux systèmes et que ça m’embête ; j’ai moi-même tourné jusqu’à il y a un mois à peine avec un très vieux firefox sur un XP3 qui me convenait parfaitement et j’aime l’idée que quiconque puisse, avec un matériel vieillot jouir de tous les contenus du Terrier. Mais elles ne m’ont guère l’air paramétrables, ces balises (couleur et taille du lecteur, forme des outils etc.) ou bien, comme je ne suis pas vraiment anglophone, je n’ai rien bité aux explications du site www.w3schools.com ...
      Je vais chercher en ligne des explications en français sur l’utilisation de ces balises.

    • Oui, @l_l_de_mars, c’est embêtant que ces balises, parce qu’elles ne passent par un lecteur, restent inaccessibles pour les configurations anciennes et comme vous, ou grâce à vous, j’ai une tendresse particulière pour les visites qui viennent de l’autre bout du monde sur des machines antédiluviennes, au travers de modem qui font encore de drôles de bruits sur des écrans en 800 par 600 pixels. Mais alors avec nos petits lecteurs flash qui deviennent de moins en moins interprétables, parce que Adobe a perdu cette bataille contre Apple, crois-je, nous finissons par pénaliser un nombre croissant de visiteuses et visiteurs.

      Par ailleurs je continue, de mon côté, bêtement, de refuser de confier mes contenus à des plateformes, quand je peux les héberger moi-même dans le Désordre. Donc désormais en faisant de la sorte j’ai le sentiment, imparfait certes, de la cohérence.

      Mais cela reste une cote mal taillée.

    • Il y a donc moyen de faire les choses proprement.

      @l_l_de_mars m’a refilé la petite astuce intéressante d’insérer le paramètre poster="url_de_l_image" à l’intérieur de la balise d’insertion de la vidéo, ce qui permet d’avoir une belle image de son choix (on peut même mettre une image qui n’est pas dans la vidéo) affichée dans le lecteur vidéo avant que ce dernier ne soit pas actionné

      Du coup la balise devient ceci :

      `<video width="640" height="420" poster="url_image_attente" controls><source src=« chemin_du_fichier/nom_du_fichier.mp4" type="video/mp4"></video>`

      Ce qui donne ceci : http://www.desordre.net/apnees/test.htm

      Et donc http://www.desordre.net/apnees/index.htm , ça a quand même une autre gueule.

      Des fois je regrette que nous ne puissiez pas toutes et tous être dans mon garage, avec seenthis on s’en rapproche !