concretoons
1.0.0
Ceci est une œuvre de sauvetage de Concrecons: Poésie numérique pour Internet après Flash.
Vous pouvez trouver la démo ici et le code ici.
Avant les normes ouvertes telles que HTML5 (2014), WebGL ou WebAssembly (tous deux lancés en 2017) ont obtenu leur popularité actuelle ou même existé, Adobe Flash Player était l'option par défaut des créateurs pour l'expérimentation artistique sur le Web.
Un exemple de ceci est The Concreteons (2010) de Benjamín Moreno: formé par 11 poèmes numériques, les bétons rendent hommage à certaines des œuvres les plus représentatives de la poésie expérimentale ibero-américaine .... [Utilisation] de jeux vidéo comme moyen de création poétique .
Dans le cadre de sa documentation, de sa documentation, de sa documentation de sauvetage et de préservation de la littérature numérique, le Mexico Digital Culture Center garde cette pièce en ligne , où vous pouvez visiter jusqu'à aujourd'hui.
Cependant, en 2021, les concrètes et tout le contenu flash produit pendant deux décennies de durée de vie utile du plugin ont été remplacés par le message d'erreur: ce complément n'est pas compatible , après qu'Adobe ait mis fin à la prise en charge de Flash Player le 31 décembre 2020.
Pour démarrer notre opération de sauvetage, nous avons besoin d'une copie du site.
Pour télécharger les fichiers du site, nous utilisons la commande wget , nous ouvrons donc un terminal et exécutons ce qui suit.
$ wget --recursive http://concretoons.centroculturadigital.mx/bbox.html L'option --recursive est de dire à wget de télécharger le document .html spécifié avec tous vos fichiers liés, y compris d'autres documents .html ainsi que tous vos fichiers liés.
À la fin du téléchargement, nous aurons un dossier appelé concretoons.centroculturadigital.mx avec la structure suivante:
concretoons.centroculturadigital.mx
├── complementos
│ ├── adelante.jpg
│ ├── atras.jpg
│ ├── casa.jpg
│ ├── concretoon21.swf
│ ├── concretoon22.swf
│ ├── concretoon23a.swf
│ ├── concretoon24.swf
│ ├── concretoon25.swf
│ ├── concretoon26.swf
│ ├── concretoon27.swf
│ ├── concretoon2.swf
│ ├── concretoon34.swf
│ ├── concretoon40.swf
│ ├── concretoon42.swf
│ ├── falso.jpg
│ ├── indice.swf
│ └── info.jpg
├── aqui.html
├── bbox.html
├── borges.html
├── brossa.html
├── carrion.html
├── colofon.html
├── indice.html
├── mallarme.html
├── noigandres.html
├── nokia.html
├── paz.html
└── valium.html
1 carpeta, 29 archivos Dans le dossier principal se trouvent tous les fichiers .html , et dans .swf complementos du sous-dossier se trouvent les images de navigation, l' indice.swf .
Parfait, nous avons déjà une copie du site.
Une recherche GitHub pour des solutions possibles pour visualiser et modifier le contenu Flash a quelques projets intéressants:
Ruffle est un émulateur de joueur flash écrit dans le langage de la rouille, et l'une de ses saveurs peut être exécutée dans le navigateur.
JPEXS Free Flash Decompiler est un décompilateur et un fichier .swf écrit en Java et est disponible pour Windows, Linux et MacOS.
Le volant existe en 3 saveurs :
Ce dernier (comprend une copie de Ruffle en tant que module .wasm ), également appelé auto-hébergé ( auto-alajable ), peut être inclus dans un fichier .html qui contient du contenu Flash et permet aux utilisateurs de voir le contenu sans avoir à installer quoi que ce soit à leur côté.
Nous téléchargeons une copie à partir de son site Web et décompressons son contenu dans un sous-dossier appelé lib que nous devons créer dans le dossier principal de notre projet.
Enfin, nous devons ajouter la ligne suivante dans l'élément <head> de nos fichiers .html .
< script src =" lib/ruffle.js " > </ script > Nous pouvons ajouter manuellement ce fichier, fichier par fichier, ou nous pouvons exécuter le script suivant pour l'ajouter à tous les fichiers .html du projet.
for i in * .html ;
do sed -i ' s/<head>/<head>n<script src="lib/ruffle.js"></script>/ ' " $i " ;
donePrêt, c'est tout ... eh bien, presque.
En visualisant localement notre copie des concrètes , nous pouvons remarquer que l' indice.swf continue de créer des liens vers les pièces logées sur le site d'origine (par exemple: http://concretoons.centroculturadigital.mx/nokia.html ).
Pour modifier notre indice.swf .
Dans la première fenêtre, nous pouvons voir le contenu de notre indice.swf . Une fois ici, nous affichons scripts , où tous les boutons sont définis.
En affichant les boutons, nous sélectionnons l'option BUTTONCONDACTION on(release) , et dans la fenêtre de droite, nous trouvons quelque chose comme ceci:
GetUrl "http://concretoons.centroculturadigital.mx/nokia.html" "_self"
Étant donné que dans notre projet, tous les fichiers .html sont dans le même dossier, nous pouvons le remplacer par quelque chose comme ceci:
GetUrl "nokia.html" "_self"
Nous devons le faire avec toutes les options définies dans l' indice.swf et maintenant, c'est tout.
Si nous essayons d'ouvrir les fichiers .html en double-cliquant dans le dossier local, nous utiliserons le protocole file:// . Cela ne fonctionne pas car les navigateurs, par défaut , bloquent certaines caractéristiques lors de l'utilisation de ce protocole pour des raisons de sécurité.
Pour voir nos fichiers .html à l'aide du protocole http:// nous devons servir nos fichiers via un serveur Web.
Si nous avons installé NodeJS, une solution rapide consiste à installer le package nws .
# Con npm
npm --global install nws
# O si utilizamos yarn
yarn global add nwsUne fois installé, dans un terminal, nous allons dans le dossier de nos concrètes et exécutons ce qui suit.
nws . Pour voir nos concrètes sur notre serveur local, nous pouvons aller sur https://localhost:3030/indice.html dans notre navigateur.
