Mercurial > code > home > repos > homeauto
changeset 500:95f4eb61a543
rm old system to show pictures in a browser and change the pic according to commands sent from a pd graph
Ignore-this: 9272d0da16484a9214619d57343792b4
| author | drewp@bigasterisk.com |
|---|---|
| date | Sun, 21 Apr 2019 02:57:17 -0700 |
| parents | 3bbea09efce6 |
| children | 09bc2ad17ce8 |
| files | service/remoteSlideshow/www/index.jade service/remoteSlideshow/www/show.coffee |
| diffstat | 2 files changed, 0 insertions(+), 124 deletions(-) [+] |
line wrap: on
line diff
--- a/service/remoteSlideshow/www/index.jade Sun Apr 21 02:55:35 2019 -0700 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,52 +0,0 @@ -html - head - style - body { - background: black; - color: white; - width: 1024px; - height: 600px; - overflow: hidden; - } - - h1, p { - background: hsla(0, 0%, 0%, 0.47); - display: inline-block; - font-size: 31px; - padding: 7px; - } - - img#main { - position: absolute; - left: 0px; - top: 0px; - width: 1024px; - height: 600px; - z-index: -10; - } - div#feeder { - box-shadow: 5px 5px 112px hsl(0, 0%, 0%); - position: absolute; - left: 180px; - top: 61px; - border: 2px solid white; - } - div#feeder img { - - } - body - img(id='main', src="") - div(id='feeder') - h1 Ari's bed cactus - div(style="position: absolute; right: 20px; top: 20px") - button(data-bind="click: toggleFeederCam") - | toggle feeder - button(data-bind="click: nextImage") next image - p(style="position:absolute; left: 20px; top:500px") - | Picture - span(data-bind="text: imageIndex() + 1") - - script(src="../lib/jquery-1.9.1.min.js") - script(src="../lib/knockout-2.3.0.js") - script(src='show.js') -
--- a/service/remoteSlideshow/www/show.coffee Sun Apr 21 02:55:35 2019 -0700 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,72 +0,0 @@ -reconnectingWebSocket = (url, onMessage) -> - connect = -> - ws = new WebSocket(url) - ws.onopen = -> - $("#status").text "connected" - - ws.onerror = (e) -> - $("#status").text "error: " + e - - ws.onclose = -> - pong = 1 - pong - $("#status").text "disconnected (retrying " + ((if pong then "<U+1F63C>" else "<U+1F63A>")) + ")" - - # this should be under a requestAnimationFrame to - # save resources - setTimeout connect, 2000 - - ws.onmessage = (evt) -> - onMessage JSON.parse(evt.data) - pong = 0 - connect() - - -model = - imageIndex: ko.observable(-1) - feederCam: ko.observable(false) - -model.toggleFeederCam = -> - if model.feederCam() - $("#feeder").empty().hide() - model.feederCam(false) - else - $("#feeder").append($("<img>").attr("src", "http://bang.bigasterisk.com/ipcam1/videostream.cgi?rate=6")).show() - model.feederCam(true) - -images = [ - '../images/3387331383_d5c530cd9e_z.jpg', - '../images/1878786955_1356972060.jpg', - '../images/cactus_3731166_lrg.jpg', - '../images/cactus-header-1024x683.jpg', - '../images/cactus.jpg', - '../images/Nopal-cactus.jpg', - '../images/round-cactus.jpg', - '../images/Singapore_Botanic_Gardens_Cactus_Garden_2.jpg', - '../images/f10.jpg', - '../images/f11.jpg', - '../images/f12.jpg', - '../images/f13.jpg', - '../images/f1.jpg', - '../images/f2.jpg', - '../images/f3.jpg', - '../images/f4.jpg', - '../images/f5.jpg', - '../images/f6.jpg', - '../images/f7.jpg', - '../images/f8.jpg', - '../images/f9.jpg', -] - -model.nextImage = -> - model.imageIndex((model.imageIndex() + 1) % images.length) - $("#main").attr('src', images[model.imageIndex()]) -model.nextImage() - -reconnectingWebSocket("ws://bang:9071/events", (msg) -> - console.log("got", msg) - if msg.o == "http://bigasterisk.com/host/star/slideshow/advance" - model.nextImage() - if msg.o == "http://bigasterisk.com/host/star/slideshow/toggleFeeder" - model.toggleFeederCam() -) -ko.applyBindings(model)