88 lines
4.9 KiB
HTML
88 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="title" content="sieni.rip">
|
|
<meta name="description" content="sieni.rip info.">
|
|
<meta charset="utf-8">
|
|
<meta name="robots" content="all">
|
|
<meta property="og:title" content="sieni.rip - info">
|
|
<meta property="og:site_name" content="sieni.rip">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:description" content="sieni.rip info.">
|
|
<meta name="twitter:title" content="sieni.rip - info">
|
|
<meta name="twitter:description" content="sieni.rip info.">
|
|
|
|
<script type="text/javascript" src="/js/ruffle/ruffle.js"></script>
|
|
<script type="text/javascript" src="/js/main.js"></script>
|
|
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
|
|
<title>sieni.rip - info</title>
|
|
</head>
|
|
|
|
<body onload="on_load()">
|
|
<div class="enclosed flex padding">
|
|
<div class="content infopage">
|
|
<h1>Info - sieni.rip</h1>
|
|
<p><a class="spa" href="/">Back to sieni.rip</a></p>
|
|
<hr />
|
|
<div class="info-content">
|
|
<h2>what is it?</h2>
|
|
<p>sieni.rip is a project aiming to rescurrect and revitalize the now proclaimed dead <a
|
|
href="http://sieni.us">sieni.us</a>. The original
|
|
infopage for sieni.us can still be accessed at <a viewed at <a
|
|
href="http://sieni.us/index1.php">sieni.us/index1.php</a>, but, as the
|
|
<a href="https://www.adobe.com/products/flashplayer/end-of-life.html#">Flash Player
|
|
end-of-life</a> draws near, an update of sorts is warranted.
|
|
</p>
|
|
<p>sieni.rip aims to be that update for the time being, and if sieni.us doesn't come back up, for
|
|
the rest of time.</p>
|
|
<h2>how?</h2>
|
|
<p>For this project, <a href="https://ruffle.rs">Ruffle</a> is used to play back the same flash
|
|
animations that were hosted on sieni.us with html5 using canvas and AudioContext together.
|
|
</p>
|
|
<p>The HTML and JavaScript for this project have also been entirely re-written in order to more
|
|
closely follow modern web-standards. For the time being, the entire website can run on
|
|
any regular http server and its source can be found at <a
|
|
href="https://git.teascade.net/teascade/sieni.rip">git.teascade.net</a>.</p>
|
|
<p>If such requirements come up, external server software can be developed to
|
|
accommodate any needs not provided by regular http servers, but such a time has not yet
|
|
come.</p>
|
|
<h2>issues</h2>
|
|
<p>Ruffle is still a work-in-progress piece of software, so there are numerous problems with
|
|
it, most notably, some of the animations previously available can not be
|
|
found with "next", "previous" or "random", because their emulation is too lacking to display
|
|
properly. A few of the animations play correctly enough, but still have some notable
|
|
problems. A list of the ids not available can be found below. Along with this, ruffle also
|
|
has some bugs, most notably that <a href="https://github.com/ruffle-rs/ruffle/issues/876">it
|
|
does not dispose of it's player properly</a>. This causes sieni.rip to post quite a few
|
|
errors to the console, which can cause performance issues, especially if the console is
|
|
open.</p>
|
|
<p>Another issue with porting sieni.us to html5 is that modern web browsers follow modern web
|
|
standards with autoplay. This means that unless the website is whitelisted with autoplay,
|
|
the user must interact (click something, or type something) with the site at least once at
|
|
first for the animations to play sound
|
|
properly.</p>
|
|
<h3>list of animations with major issues:</h3>
|
|
<ul>
|
|
<li><a href="/?id=35">35</a></li>
|
|
<li><a href="/?id=41">41</a></li>
|
|
<li><a href="/?id=43">43</a></li>
|
|
<li><a href="/?id=50">50</a></li>
|
|
<li><a href="/?id=60">60</a></li>
|
|
<li><a href="/?id=68">68</a></li>
|
|
|
|
</ul>
|
|
<h2>author / maintainer</h2>
|
|
<p>Author and maintainer of sieni.rip for the time being is <a href="https://teascade.net">Teascade</a>,
|
|
and can be contacted via various medias
|
|
listed on my website, or via email to <a href="mailto:teascade@gmail.com">teascade@gmail.com</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |