ruffle example ดาวน์โหลด - ruffle example ซอร์สโค้ดดาวน์โหลด

ruffle example

ซอร์สโค้ดแฟลช

1.0.0

ดาวน์โหลด

ตัวอย่าง ruffle

ที่เก็บนี้ให้ตัวอย่าง/ตัวอย่างของวิธีการใช้ ruffle บนเว็บไซต์ของคุณเองเพื่อเลียนแบบเนื้อหาแฟลช Ruffle เป็นตัวจำลอง Flash Player โอเพนซอร์ซที่ช่วยให้คุณสามารถเรียกใช้เนื้อหาแฟลชในเบราว์เซอร์ที่ทันสมัยต่อไป

วิดีโอคำอธิบาย: https://www.youtube.com/watch?v=TJXMGNXEX24&t=81S

คำถามสแต็กล้น: https://stackoverflow.com/questions/65465492/how-to-embed-ruffle-flash-player-emulator-into-html-file/65693128#65693128

ข้อกำหนดเบื้องต้น

ก่อนเริ่มต้นใช้งานตรวจสอบให้แน่ใจว่าคุณมีสิ่งต่อไปนี้:

ความเข้าใจพื้นฐานของ HTML, CSS และ JavaScript
ตัวแก้ไขข้อความหรือสภาพแวดล้อมการพัฒนาแบบบูรณาการ (IDE) เพื่อแก้ไขรหัส
เว็บเซิร์ฟเวอร์เพื่อโฮสต์เว็บไซต์ของคุณ (คุณสามารถใช้ LocalHost เพื่อการพัฒนาได้)

เริ่มต้น

หากต้องการใช้ ruffle บนเว็บไซต์ของคุณเองทำตามขั้นตอนเหล่านี้:

โคลนหรือดาวน์โหลดที่เก็บนี้ไปยังเครื่องในพื้นที่ของคุณ

git clone https://github.com/maddox05/ruffle-example.git

เปิดไฟล์ index.html ในตัวแก้ไขข้อความหรือ IDE ที่คุณเลือก
ค้นหาส่วนต่อไปนี้ในไฟล์เกม HTML:

 <!DOCTYPE html >
< html lang =" en " >
< head >
  < meta charset =" UTF-8 " >
  < meta http-equiv =" X-UA-Compatible " content =" IE=edge " >
  < meta name =" viewport " content =" width=device-width, initial-scale=1.0 " >
  < meta name =" title " content =" Ruffle Example " >
  < meta http-equiv =" Content-Type " content =" text/html; charset=utf-8 " >
  < meta name =" language " content =" English " >
  < title > Ruffle Example </ title >
  < script src =" main.js " > </ script > 
  < noscript > Your browser doesn't have JavaScript enabled. Please enable JavaScript or switch to a browser that
    supports it. </ noscript >
</ head >
< body >
< div id =' ruffle ' class =" gameloc " > </ div >
< script src =' https://maddox05.github.io/ruffle-example/ruffle/index.js ' > </ script > <!-- Theses files should be local -->
< script id = " gabe " > swfobject . embedSWF ( "https://maddox05.github.io/ruffle-example/1on1soccer.swf" , 'ruffle' , 800 , 600 ) ; </ script > <!-- Theses files should be local -->
</ body >
</ html >

แทนที่ "Path/to/your/your/flash.swf" ด้วยเส้นทางไปยังเนื้อหาแฟลชของคุณเอง ตรวจสอบให้แน่ใจว่าไฟล์แฟลช (SWF) อยู่ในเส้นทางที่ระบุ
บันทึกการเปลี่ยนแปลงไปยังไฟล์ index.html
เริ่มต้นเว็บเซิร์ฟเวอร์และนำทางไปยังเว็บไซต์ท้องถิ่นในเบราว์เซอร์ของคุณ
ตอนนี้คุณควรเห็นเนื้อหาแฟลชของคุณแสดงผลโดยใช้ ruffle

การปรับแต่ง

อย่าลังเลที่จะปรับเปลี่ยนรหัส HTML, CSS และ JavaScript เพื่อให้เหมาะกับความต้องการของคุณ คุณสามารถเปลี่ยนเลย์เอาต์เพิ่มเนื้อหาแฟลชมากขึ้นหรือรวม ruffle ในส่วนต่าง ๆ ของเว็บไซต์ของคุณ

ความเข้ากันได้

Ruffle ได้รับการออกแบบมาเพื่อทำงานในเบราว์เซอร์สมัยใหม่ที่ขาดการรองรับแฟลชในตัวเช่น Google Chrome, Mozilla Firefox, Microsoft Edge และ Safari มันเข้ากันได้กับเนื้อหาแฟลชที่หลากหลายรวมถึงภาพเคลื่อนไหวเกมและแอปพลิเคชันแบบโต้ตอบ