# HG changeset patch # User drewp # Date 1555840637 25200 # Node ID f97e060d860c43a1ebf908f9c52fb253a5e621f4 # Parent 4d4eb35531b9524690e47eac41c1d47a0965c160 rm old system to show pictures in a browser and change the pic according to commands sent from a pd graph Ignore-this: 9272d0da16484a9214619d57343792b4 darcs-hash:0733126691c962eecac38b8689f23a00db92e5ee diff -r 4d4eb35531b9 -r f97e060d860c service/remoteSlideshow/www/index.jade --- 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') - diff -r 4d4eb35531b9 -r f97e060d860c service/remoteSlideshow/www/show.coffee --- 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 "" else "")) + ")" - - # 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($("").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)