concretoons
1.0.0
นี่คืองานกู้ภัยของ คอนกรีต: บทกวีดิจิตอล สำหรับอินเทอร์เน็ตหลังจากแฟลช
คุณสามารถค้นหา ตัวอย่างได้ที่นี่ และรหัสที่นี่
ก่อนที่ จะเปิดมาตรฐาน เช่น HTML5 (2014), WebGL หรือ WebAssembly (ทั้งสองเปิดตัวในปี 2560) ได้รับความนิยมในปัจจุบันหรือแม้กระทั่งมีอยู่แล้ว Adobe Flash Player เป็นตัวเลือก เริ่มต้น ของผู้สร้างสำหรับการทดลองทางศิลปะบนเว็บ
ตัวอย่างนี้คือคอนกรีต (2010) โดยBenjamín Moreno: ก่อตั้งขึ้นโดยบทกวีดิจิตอล 11 บทคอนกรีตจ่ายส่วยให้กับผลงานที่เป็นตัวแทนมากที่สุดของบทกวีการทดลองของไอบีโร -อเมริกัน .... [ใช้] วิดีโอเกมเป็นวิธีการสร้างบทกวี
เป็นส่วนหนึ่งของเอกสารการช่วยเหลือและการเก็บรักษาของวรรณกรรมดิจิทัลศูนย์วัฒนธรรมดิจิทัลของเม็กซิโกทำให้ชิ้นนี้ ออนไลน์ ซึ่งคุณสามารถเยี่ยมชมได้จนถึงวันนี้
อย่างไรก็ตามในปี 2021 คอนกรีต และเนื้อหาแฟลชทั้งหมดที่ผลิตมาเป็นเวลาสองทศวรรษของอายุการใช้งานของ ปลั๊กอิน ได้ถูกแทนที่ด้วยข้อความแสดงข้อผิดพลาด: ส่วนประกอบนี้ไม่เข้ากันได้ หลังจาก Adobe สิ้นสุดการสนับสนุนสำหรับ Flash Player เมื่อวันที่ 31 ธันวาคม 2020
ในการเริ่มต้นการดำเนินการกู้ภัยของเราเราต้องการสำเนาของเว็บไซต์
ในการดาวน์โหลดไฟล์ไซต์เราใช้คำสั่ง wget ดังนั้นเราจึงเปิดเทอร์มินัลและดำเนินการต่อไปนี้
$ wget --recursive http://concretoons.centroculturadigital.mx/bbox.html ตัวเลือก --recursive คือการบอกให้ wget ดาวน์โหลดเอกสาร .html ที่ระบุพร้อมกับไฟล์ที่เชื่อมโยงทั้งหมดของคุณรวมถึงเอกสาร .html อื่น ๆ พร้อมกับไฟล์ทั้งหมดของคุณที่เชื่อมโยงด้วย
ในตอนท้ายของการดาวน์โหลดเราจะมีโฟลเดอร์ชื่อ concretoons.centroculturadigital.mx พร้อมโครงสร้างต่อไปนี้:
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 ในโฟลเดอร์หลักคือไฟล์ .html ทั้งหมดและใน .swf complementos โฟลเดอร์ย่อย คือภาพนำทาง indice.swf
สมบูรณ์แบบเรามีสำเนาของเว็บไซต์อยู่แล้ว
การค้นหา GitHub สำหรับโซลูชั่นที่เป็นไปได้ในการแสดงภาพและแก้ไขเนื้อหาแฟลชมีโครงการที่น่าสนใจสองสามโครงการ:
Ruffle เป็นตัวจำลองผู้เล่นแฟลชที่เขียนด้วยภาษาสนิมและหนึ่งใน รสชาติ ของมันสามารถดำเนินการในเบราว์เซอร์
JPEXS Free Flash Decompiler เป็นไฟล์ decompiler และ .swf ที่เขียนใน Java และพร้อมใช้งานสำหรับ Windows, Linux และ MacOS
มีร่องอยู่ใน 3 รสชาติ :
หลัง (รวมถึงสำเนาของ ruffle เป็นโมดูล .wasm ) หรือที่เรียกว่า โฮสต์ตัวเอง ( Auto-Alajable ) สามารถรวมอยู่ในไฟล์ .html ที่มีเนื้อหาแฟลชและช่วยให้ผู้ใช้ดูเนื้อหาโดยไม่ต้องติดตั้งอะไรข้างๆ
เราดาวน์โหลดสำเนาจากเว็บไซต์และคลายเนื้อหาในโฟลเดอร์ย่อยที่เรียกว่า lib ที่เราต้องสร้างในโฟลเดอร์หลักของโครงการของเรา
ในที่สุดเราต้องเพิ่มบรรทัดต่อไปนี้ภายในองค์ประกอบ <head> ของไฟล์ .html ของเรา
< script src =" lib/ruffle.js " > </ script > เราสามารถเพิ่มบรรทัดนี้ไฟล์ต่อไฟล์หรือเราสามารถเรียกใช้สคริปต์ต่อไปนี้เพื่อเพิ่มลงในไฟล์ .html ทั้งหมดของโครงการ
for i in * .html ;
do sed -i ' s/<head>/<head>n<script src="lib/ruffle.js"></script>/ ' " $i " ;
doneพร้อมนั่นคือทั้งหมด ... อืมเกือบ
โดยการแสดงภาพสำเนา คอนกรีต ของเราเราสามารถสังเกตได้ว่า indice.swf ยังคงเชื่อมโยงกับชิ้นส่วนที่อยู่บนเว็บไซต์ดั้งเดิม (เช่น http://concretoons.centroculturadigital.mx/nokia.html )
เพื่อแก้ไข indice.swf ของเรา
ในหน้าต่างแรกเราสามารถเห็นเนื้อหาของ indice.swf ของเรา เมื่อมาที่นี่เราจะแสดง scripts ที่มีการกำหนดปุ่มทั้งหมด
โดยการแสดงปุ่มเราเลือกตัวเลือก BUTTONCONDACTION on(release) และในหน้าต่างที่ถูกต้องเราจะพบสิ่งนี้:
GetUrl "http://concretoons.centroculturadigital.mx/nokia.html" "_self"
เนื่องจากในโครงการของเราไฟล์ .html ทั้งหมดอยู่ในโฟลเดอร์เดียวกันเราจึงสามารถแทนที่ได้ด้วยสิ่งนี้:
GetUrl "nokia.html" "_self"
เราต้องทำสิ่งนี้กับตัวเลือกทั้งหมดที่กำหนดไว้ใน indice.swf และตอนนี้นั่นคือทั้งหมด
หากเราพยายามเปิดไฟล์ .html โดยการคลิกสองครั้งจากโฟลเดอร์ท้องถิ่นเราจะใช้ file:// โปรโตคอล สิ่งนี้ไม่ได้ผลเพราะเบราว์เซอร์ โดยค่าเริ่มต้น บล็อกคุณสมบัติบางอย่างเมื่อใช้โปรโตคอลนี้เพื่อเหตุผลด้านความปลอดภัย
หากต้องการดูไฟล์ .html ของเราโดยใช้โปรโตคอล http:// เราต้องให้บริการไฟล์ของเราผ่านเว็บเซิร์ฟเวอร์
หากเราติดตั้ง NodeJS โซลูชันที่รวดเร็วคือการติดตั้งแพ็คเกจ nws
# Con npm
npm --global install nws
# O si utilizamos yarn
yarn global add nwsเมื่อติดตั้งแล้วในเทอร์มินัลเราไปที่โฟลเดอร์ คอนกรีต ของเราและดำเนินการดังต่อไปนี้
nws . หากต้องการดู คอนกรีต ของเราบนเซิร์ฟเวอร์ท้องถิ่นของเราเราสามารถไปที่ https://localhost:3030/indice.html ในเบราว์เซอร์ของเรา
