mirror of
https://github.com/bdnugget/chromecast-webpage-viewer.git
synced 2026-11-07 03:27:27 +00:00
55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
<!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>
|