waifu2x-webgl/index.html at master · CompulsiveComputing/waifu2x-webgl · GitHub

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<html>

<head>
    <style type="text/css">
    </style>
    <link href="css/main.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/helpers.js"></script>
    <script type="text/javascript" src="js/waifuNx.js"></script>
    <script type="text/javascript" src="models/noise1_model.js"></script>
    <script type="text/javascript" src="models/noise2_model.js"></script>
    <script type="text/javascript" src="models/noise3_model.js"></script>
    <script type="text/javascript" src="models/scale2.0x_model.js"></script>
    <script type="text/javascript">


    </script>
</head>

<body>
    <header>
        <h1>Waifu
            <del>2x</del> Nx</h1>
    </header>
    <section id="upscaler">
        <span id="status">Waiting</span>
        <form onsubmit="upscaleBegin(event)">
            <span>Select your file:</span>
            <input required type="file" name="imageInput" accept="image/*" onchange="updateImage(event)">
            <span>Select your desired model:</span>
            <select id="modeSelect" name="modeSelect" required onchange="modeChanged(event)">
                <option hidden value="">Select a mode!</option>
                <option value="scale2.0x_model.json">Upscale 2x</option>
                <option value="noise1_model.json">Low Denoise</option>
                <option value="noise2_model.json">Medium Denoise</option>
                <option value="noise3_model.json">High Denoise</option>
                <option value="customFile">Custom File</option>
            </select>
            <div>

                <input type="submit" value="Run!">
                <input type="button" value="Stop" onclick="waifuNx.stopWaifu(event)">
            </div>
            <div>
                    <input type="button" value="Reload Image" onclick="reloadImage(event)">
                <input type="button" value="Copy output to input" onclick="copyOutputToInput(event)">
                <input type="button" value="Downscale 2x" onclick="scale(event,0.5)">
                <input type="button" value="Upscale 2x" onclick="scale(event,2)">
            </div>

        </form>
        <img class="input" style="display: none;">
        <div class="peak">
            <span>Drag and drop</span>
            <canvas class="input"></canvas>
        </div>
        <div class="peak">
            <canvas class="output"></canvas>
        </div>
    </section>
</body>

</html>