diff options
| author | Carl Hetherington <cth@carlh.net> | 2024-06-14 01:45:18 +0200 |
|---|---|---|
| committer | Carl Hetherington <cth@carlh.net> | 2024-06-23 19:51:28 +0200 |
| commit | 117f6bd199479fdaeff665acbea109e967500308 (patch) | |
| tree | b3da204320e58c55cdde2538921e1cc51eb4ba38 /web | |
| parent | d04355507baefd5fa42629341ed422f7402772f4 (diff) | |
Add minimal player HTTP server (#2830).
Diffstat (limited to 'web')
| -rw-r--r-- | web/index.html | 90 | ||||
| -rw-r--r-- | web/wscript | 5 |
2 files changed, 95 insertions, 0 deletions
diff --git a/web/index.html b/web/index.html new file mode 100644 index 000000000..0eea15aab --- /dev/null +++ b/web/index.html @@ -0,0 +1,90 @@ +<!DOCTYPE html> +<html> +<script> + setInterval(function() { + status = fetch("/api/v1/status").then(response => { + response.json().then(data => { + if (data.playing) { + document.getElementById('playing').innerHTML = "Playing"; + } else { + document.getElementById('playing').innerHTML = "Stopped"; + } + document.getElementById('dcp_name').innerHTML = data.dcp_name; + document.getElementById('position').innerHTML = data.position; + }); + }); + }, 250); + function play() { + fetch("/api/v1/play", { method: "POST" }); + } + function stop() { + fetch("/api/v1/stop", { method: "POST" }); + } +</script> +<style> +button { + border: 1px solid rgba(27, 31, 35, 0.15); + border-radius: 6px; + color: #24292E; + display: inline-block; + line-height: 20px; + padding: 6px 16px; + vertical-align: middle; + white-space: nowrap; + word-wrap: break-word; +} + +button:hover { + background-color: #F3F4F6; + text-decoration: none; + transition-duration: 0.1s; +} + +button:active { + background-color: #EDEFF2; + box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset; + transition: none 0s; +} + +button:focus { + outline: 1px transparent; +} + +button:before { + display: none; +} + +table { + border-collapse: collapse; + margin: 25px 0; + font-size: 0.9em; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); + border: 2px solid black; +} + +tr { + text-align: left; + border: 1px solid black; +} + +td { + padding: 4px 16px; + text-align: left; + border: 1px solid black; +} + + +</style> + <head> + <title>%1</title> + </head> + <body> + <button name="play" value="play" onclick="play()">Play</button> + <button name="Stop" value="Stop" onclick="stop()">Stop</button> + <table> + <tr><td>DCP</td><td><p id="dcp_name"></td></tr> + <tr><td>State</td><td><p id="playing"></td></tr> + <tr><td>Position</td><td><p id="position"></td></tr> + </table> + </body> +</html> diff --git a/web/wscript b/web/wscript new file mode 100644 index 000000000..d9ebc76ab --- /dev/null +++ b/web/wscript @@ -0,0 +1,5 @@ + +def build(bld): + for file in ('index.html',): + bld.install_files('${PREFIX}/share/dcpomatic2/web', file) + |