Beranda>Sumber daya pembuatan situs web>Kode sumber FLASH
Unduh

Contoh Ruffle

Repositori ini memberikan contoh/demo cara menggunakan ruffle di situs web Anda sendiri untuk meniru konten flash. Ruffle adalah emulator flash player open-source yang memungkinkan Anda untuk terus menjalankan konten flash di browser modern.

Penjelasan Video: https://www.youtube.com/watch?v=tjxmGnxex24&t=81s

Stack Overflow Pertanyaan: https://stackoverflow.com/questions/65465492/how-to-embed-ruffle-flash-player-emulator-into-html-file/65693128#65693128

Prasyarat

Sebelum memulai, pastikan Anda memiliki yang berikut:

  • Pemahaman dasar tentang HTML, CSS, dan JavaScript
  • Editor Teks atau Lingkungan Pengembangan Terpadu (IDE) untuk memodifikasi kode
  • Server web untuk meng -host situs web Anda (Anda dapat menggunakan localhost untuk tujuan pengembangan)

Memulai

Untuk menggunakan Ruffle di situs web Anda sendiri, ikuti langkah -langkah ini:

  1. Klon atau unduh repositori ini ke mesin lokal Anda. 
git clone https://github.com/maddox05/ruffle-example.git
  1. Buka file index.html di editor teks atau IDE pilihan Anda.
  2. Temukan bagian berikut dalam file HTML game: 
 <!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 >
  1. Ganti "path/to/your/flash.swf" dengan jalur ke konten flash Anda sendiri. Pastikan file flash (SWF) terletak di jalur yang ditentukan.
  2. Simpan perubahan pada file index.html.
  3. Mulai server web dan arahkan ke situs web lokal di browser Anda.
  4. Anda sekarang harus melihat konten flash Anda yang diberikan menggunakan Ruffle.

Kustomisasi

Jangan ragu untuk memodifikasi kode HTML, CSS, dan JavaScript sesuai dengan kebutuhan Anda. Anda dapat mengubah tata letak, menambahkan lebih banyak konten flash, atau mengintegrasikan ruffle di berbagai bagian situs web Anda.

Kesesuaian

Ruffle dirancang untuk bekerja di browser modern yang tidak memiliki dukungan flash bawaan, seperti Google Chrome, Mozilla Firefox, Microsoft Edge, dan Safari. Ini kompatibel dengan berbagai konten flash, termasuk animasi, game, dan aplikasi interaktif.

Sumber daya

Untuk informasi lebih lanjut tentang Ruffle dan fitur -fiturnya, lihat repositori Ruffle Github resmi.

Lisensi

Situs web contoh ini dilisensikan di bawah lisensi MIT . Jangan ragu untuk menggunakan, memodifikasi, dan mendistribusikannya sesuai dengan ketentuan lisensi.

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua