-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
48 lines (48 loc) · 3.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fsh flash</title>
<!-- Boiler plate------ -->
<link rel="icon" href="https://fsh.plus/fsh.png" type="image/png">
<meta name="description" content="Fsh flash, a online flash player.">
<!-- ------- -->
<link rel="stylesheet" href="https://fsh.plus/media/style.css">
<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 property="og:image" content="https://fsh.plus/fsh.png"/>
<meta name="theme-color" content="#a89c9b">
<!-- ------------------ -->
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<link rel="manifest" href="/media/install.json">
<script src="/media/script.js"></script>
<script src="https://kit.fontawesome.com/50eb963274.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/media/style.css">
<style id="style"></style>
</head>
<body ondrop="dropHandler(event)" ondragover="dragOverHandler(event)" ondragleave="dragLeaveHandler(event)">
<div id="sub">Drop swf file anywhere to view</div>
<dialog id="selection">
<p>Drag and drop a file</p>
<hr>
<input type="file" accept=".swf" onchange="fileHandle(event)">
<hr>
<input type="url" id="urlswf" onchange="if(!this.value.includes('://')){this.value='https://'+this.value}">
<button onclick="urlHandle(document.getElementById('urlswf').value)">Get</button>
</dialog>
<div id="navbar">
<a class="link" href="https://fsh.plus">
<img src="https://fsh.plus/fsh.png" width="21" height="21">
<label>Fsh</label>
</a>
<label class="up">Drop a file or <button class="keep" onclick="document.getElementById('selection').showModal()">Select one</button></label>
<label class="opts">
<p>Actions:</p>
<button onclick="window.player.enterFullscreen()" aria-label="fullscreen"><svg width="15" height="15" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M160 5C160 2.23858 162.239 0 165 0H251C253.761 0 256 2.23858 256 5V91C256 93.7614 253.761 96 251 96H213C210.239 96 208 93.7614 208 91V53C208 50.2386 205.761 48 203 48H165C162.239 48 160 45.7614 160 43V5Z"></path><path d="M0 5C0 2.23857 2.23858 0 5 0H91C93.7614 0 96 2.23858 96 5V43C96 45.7614 93.7614 48 91 48H53C50.2386 48 48 50.2386 48 53V91C48 93.7614 45.7614 96 43 96H5C2.23858 96 0 93.7614 0 91V5Z"></path><path d="M203 208C205.761 208 208 205.761 208 203V165C208 162.239 210.239 160 213 160H251C253.761 160 256 162.239 256 165V251C256 253.761 253.761 256 251 256H165C162.239 256 160 253.761 160 251V213C160 210.239 162.239 208 165 208H203Z"></path><path d="M0 165C0 162.239 2.23858 160 5 160H43C45.7614 160 48 162.239 48 165V203C48 205.761 50.2386 208 53 208H91C93.7614 208 96 210.239 96 213V251C96 253.761 93.7614 256 91 256H5C2.23857 256 0 253.761 0 251V165Z"></path></svg></button>
<button onclick="window.player.pause()" aria-label="pause"><svg height="18" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect x="43" y="28" width="50" height="200" rx="10"></rect><rect x="163" y="28" width="50" height="200" rx="10"></rect></svg></button>
<button onclick="window.player.toggleVolumeControls()" aria-label="volume controls"><i class="fa-solid fa-volume-high"></i></button>
</label>
</div>
<RufflePlayer id="container"></RufflePlayer>
</body>
</html>