-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html
54 lines (49 loc) · 2.24 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
49
50
51
52
53
54
<!DOCTYPE html>
<html>
<head>
<title>Chromecast Webpage Viewer - Sender</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.1.0/milligram.min.css">
<link rel="stylesheet" href="sender/style.css">
</head>
<body>
<div class="container">
<h1>Chromecast Webpage Viewer</h1>
<p>Cast webpages to a Chromecast.</p>
<p><b>Requires Chrome with the <a href="https://chrome.google.com/webstore/detail/google-cast/boadgeojelhgndaghljhdicfkmllpafd?hl=en" target="_blank">Google Cast plugin</a></b></p>
<p>
Insert a URL in the box below and click 'Cast It', this will open the Chromecast plugin to open, choose a Chromecast from this list.
This should then display the webpage on the selected Chromecast.
</p>
<p><i>This is acheived using an iframe, some webpages (for example google.com & twitter.com) are set to disable being displayed in this manor.</i></p>
</div>
<div class="container">
<div class="wrapper js-wrapper">
<div class="instructions">
<p>
<b>Can't find any Chromecast devices to cast to</b>
<br>
Ensure that everything is setup correctly.
<br>
Searching for receivers...
</p>
</div>
<div class="casting">
<p>Currently casting: <span class="js-currently-casting">...</span></p>
<form id="toCast">
<label for="urlToCast">URL</label>
<input type="text" id="urlToCast">
<input type="checkbox" id="useProxy">
<label class="label-inline" for="useProxy">Use Proxy</label>
<br>
<button type="submit">Cast It</button>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="//www.gstatic.com/cv/js/sender/v1/cast_sender.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="sender/script.js"></script>
</body>
</html>