Ruffle – эмулятор Adobe Flash Player с открытым исходным кодом для файлов SWF.
В настоящее время он находится в разработке на GitHub.
Ruffle написан на Rust и доступен как настольный клиент и как веб-клиент.
Скачать исходники для статьи можно ниже
Сайт:
https://ruffle.rs/downloads
Есть расширения для браузеров, программа и пакет для веб-сайта.
Давайте же встроим Флеш к себе на сайт!!!
Скачиваем пакет со скриптом Ruffle по следующий ссылке:
Или с моего сайта по следующий ссылке: Скачать ruffle-nightly-2024_05_03-web-selfhosted.zip
Далее, на примере сайта на wordpress, захожу в папку темы своего сайта – в моём примере – это TwentyTwelve и создаю в ней новые папки ruffle (здесь будут лежать файлы скрипта Ruffle) и папку swf (здесь будут лежать флеш файлы):
Далее закидываем скаченный zip архив (ruffle-nightly-2024_05_03-web-selfhosted.zip) в папку ruffle и распаковываем:
А в папку swf закидываем флеш файл, например с игрой.
Скачать флеш игру – Balloon drop – можно по следующей ссылке – скачать.
Распаковываем игру и кидаем в папку swf:
Далее создаем в корневой папке сайта (там, где лежит index.php) следующий простой html файл, для примера, назовём его moyflash.html
со следующим кодом:
<!DOCTYPE HTML>
<html>
<head>
<meta charset='utf8'>
</head>
<body>
<div id='ruffle'></div>
<script src="ruffle/ruffle.js"></script>
<script>
var swfobject = {};
swfobject.embedSWF = function(url, cont, width, height){
var ruffle = window.RufflePlayer.newest(),
player = Object.assign(document.getElementById(cont).appendChild(ruffle.createPlayer()), {
width: width,
height: height,
style: 'width: ' + width + 'px; height: ' + height + 'px',
});
player.load({ url: url });
}
swfobject.embedSWF('swf/balloon_drop.swf', 'ruffle', 300, 300);
</script>
</body>
</html>
Где код:
<script src="ruffle/ruffle.js"></script>
Отвечает за местонахождения скрипта.
А код:
swfobject.embedSWF('swf/balloon_drop.swf', 'ruffle', 300, 300);
Отвечает за местонахождения флеш файла и размер отображения этого флеша.
Всё готово!!!