Ruffle эмулирует Flash плеер на стороне сайта для современных пользователей

[danil]

Мало кто понял из моих сообщений, что Ruffle умеет эмулировать Flash плеер на стороне сайта. То есть ваш посетитель не нуждается в установке расширения для просмотра флеша на вашем сайте.

Сейчас интернет быстрее и не нужно долго ждать загрузки флеша. Можно скачать старые учебники по флешу работать на старом Macromedia Flash Professional MX и ваши работы будут доступны всем современным пользователям.

Единственное, что мне не понравилось, это логотип Ruffle при загрузке Flash контента. Но его можно убрать, есть два способа:

<script src="ruffle.js"></script>
<script type="text/javascript">
window.RufflePlayer.config = {
  autoplay: "on",
  unmuteOverlay: "hidden",
  splashScreen: false
};
</script>

Данный код автоматически включает флеш содержимое, включает звук, убирает экран загрузки флеша с логотипом Ruffle.

Но тогда перед загрузкой флеша будет белый экран, у некоторых может быть слабый компьютер и эмуляция займет больше времени. Человек может не понять что там что-то загружается и уйти, подумав что страница пуста.

Поэтому лучше оставить экран загрузки установив опцию splashScreen: true, но изменить его визуально, убрав логотип например и покрасив фон.

<style type="text/css">
ruffle-player, ruffle-embed, ruffle-object {
  --splash-screen-background: #ffffff;
  --logo-display: none;
}
</style>

Скачать JS скрипт Ruffle для своего сайта можно бесплатно на официальном сайте https://ruffle.rs/downloads#website-package

P.S. На сайте есть несколько видов Ruffle для скачивания, нам нужен Website package!