forked from michaelwasserman/window-placement-demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathslide.html
35 lines (34 loc) · 2.5 KB
/
slide.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
<!DOCTYPE html><html lang="en">
<head>
<title>Slide: Multi-Screen Window Placement Demo</title>
<link rel="stylesheet" href="style.css">
<!-- https://developer.chrome.com/origintrials/#/view_trial/-8087339030850568191 Multi-Screen Window Placement token for http://localhost:8000 -->
<meta http-equiv="origin-trial" content="AoRpcETf+l7boUzcNxv6NTZOBDX93NurmsoHO7MvKhXKn1HXzmAOoBIaRjHSeNiqHF8UXeYY8o/OXb8xwDNbLggAAABVeyJvcmlnaW4iOiJodHRwOi8vbG9jYWxob3N0OjgwMDAiLCJmZWF0dXJlIjoiV2luZG93UGxhY2VtZW50T1QyIiwiZXhwaXJ5IjoxNjM5NTI2Mzk5fQ==">
<!-- https://developer.chrome.com/origintrials/#/view_trial/-8087339030850568191 Multi-Screen Window Placement token for https://michaelwasserman.github.io -->
<meta http-equiv="origin-trial" content="AsHgze5gMTODb06oK5IUt1n14dM6STuL7EP7mnz4T3c5jrFjLKuISsQuhXrUdQ8jocPs9j35w7QhfafNBgab7wQAAABmeyJvcmlnaW4iOiJodHRwczovL21pY2hhZWx3YXNzZXJtYW4uZ2l0aHViLmlvOjQ0MyIsImZlYXR1cmUiOiJXaW5kb3dQbGFjZW1lbnRPVDIiLCJleHBpcnkiOjE2Mzk1MjYzOTl9">
</head>
<body>
<div style="text-align:center;">
<div style="background-color:lightgrey; display:inline-block; text-align:left; width:700px;">
<h1 style="margin-top:40px; margin-left:20px;">Multi-Screen Window Placement Demo</h1>
<h3 style="margin-left:20px; color:#444;">Proposal: <a href="https://github.com/webscreens/window-placement">github.com/webscreens/window-placement</a></h3>
<p style="margin-left:50px; margin-right:50px; color:#555;">Abstract: As multi-display computing becomes a more common and critical part of user experiences, it becomes more important to give web developers information and tools to leverage that expanded visual environment.</p>
<h3 style="margin-left:20px; color:#444;">Demo: <a href="https://github.com/michaelwasserman/window-placement-demo">github.com/michaelwasserman/window-placement-demo</a></h3>
<pre style="margin-left:30px; margin-right:30px; padding-top:10px; padding-bottom:10px; background-color:#eee">
document.getElementById('show-slides').onclick = async function() {
const screensInterface = await self.getScreens();
let fullscreenOptions = { navigationUI: "auto" };
console.log("screen.length: " + screensInterface.screens.length);
for (s of screensInterface.screens) {
console.log(`[${s.id}] ${s.left},${s.top} ${s.width}x${s.height} ` +
`isPrimary:${s.isPrimary}, isInternal:${s.isInternal}`);
if (!s.isInternal)
fullscreenOptions.screen = s;
}
document.getElementById('slides').requestFullscreen(fullscreenOptions);
}
</pre>
</div>
</div>
</body>
</html>