13
0
livetrax/share/web_surfaces/index.html
2020-04-20 22:59:16 +02:00

49 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ardour Web Surfaces</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="index/main.css">
</head>
<body>
<div id="top-bar">
<img id="logo" src="index/logo.png">
</div>
<div id="content">
<h2 id="loading">Loading...</h2>
<pre id="error" style="display:none"></pre>
<div id="local" style="display:none">
<h2>This page cannot be loaded from a local file</h2>
<p>Follow these steps instead:</p>
<ul>
<li>Launch Ardour</li>
<li>Enable the WebSockets Server control surface</li>
<li>
Click on the following link
<a href="http://localhost:3818/">http://localhost:3818</a>
</li>
</ul>
</div>
<div id="index" style="display:none">
<h1>Available Web Surfaces</h1>
<div class="surface-list" id="builtin">
<h2>Built-In</h2>
<ul></ul>
</div>
<div class="surface-list" id="user">
<h2>User</h2>
<ul></ul>
</div>
</div>
</div>
<script>
if (!location.hostname) {
document.getElementById('loading').style.display = 'none';
document.getElementById('local').style.display = 'inline';
}
</script>
<script type="module" src="index/main.js"></script>
</body>
</html>