-
Notifications
You must be signed in to change notification settings - Fork 5
/
change_wallpaper.html
49 lines (47 loc) · 1.44 KB
/
change_wallpaper.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
49
<!-- change_wallpaper.html: page for changing the wallpaper -->
<html>
<head>
<title>ChromeOS LivePaper</title>
<link rel="favicon" href="icon.svg" />
<link rel="stylesheet" href="stylesheet.css"/>
<script src="change_wallpaper.js" defer></script>
</head>
<style>
body {
min-height: 2.5in;
min-width: 3.5in;
}
#render {
width: 80vw;
max-width: 6in;
padding: 5px;
border: 2px solid white;
border-radius: 10px;
}
input[type="number"] {
width: 50px;
}
</style>
<body>
<h2 id="status">Select a video for live wallpaper...</h2>
<video id="videoPlayer" style="display: none;" muted></video>
<canvas id="render"></canvas>
<input type="file" id="videoUpload" accept="video/*" />
<div id="options" class="container" style="visibility: hidden;">
<h2>Options</h2>
<div class="inline">
<p>Payback speed (0%-100%): </p>
<input id="videoSpeed" type="number" value="100" min="0" max="100"><p> %</p>
</div>
<div class="inline">
<p>Resolution (reduce this to prevent laggy): </p>
<input id="resWidth" type="number"> x <input id="resHeight" type="number">
</div>
<div class="inline">
<p>Start/End time: </p>
From <input id="startTime" type="number"> second(s) to <input id="endTime" type="number"> second(s)
</div>
<button id="nextBtn">Next</button>
</div>
</body>
</html>