Simple web page synchronized with LCD.

ionel.ciobanuc · 2017-03-24 13:30:16

You can include a black web page that contains only an image synchronized with LCD
I tried but fail exposure times.
My example:

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <style>
	 html,body{
		margin:0;
		height:100%;
		overflow:hidden;
	}
	img{
		min-height:100%;
		min-width:100%;
		height:auto;
		width:auto;
		position:absolute;
		top:-100%; bottom:-100%;
		left:-100%; right:-100%;
		margin:auto;
	}
    </style>

<script type="text/javascript" src="/static/boot3/js/jquery.min.js"> </script>
<script>
var myVar;
var last_l=0;
var last_ll=0;
function incep(){
	myVar = setTimeout(function(){ incep(); }, 250);
	$(function() {
	$.ajax({ 
			type: 'GET', 
			url: '/status', 
			data: { get_param: 'value' }, 
			dataType: 'json',
			success: function (data) {
				if(data.LayerID==data.ResumeID && last_ll!=data.LayerID){
				 last_ll=data.LayerID;
					document.getElementById("ecran").src="/static/plates/"+data.PlateID+ "/"+data.ResumeID+".png";
				};
				if(last_l!=data.ResumeID){
					last_l=data.ResumeID;
					//opresc imaginea
					document.getElementById("ecran").src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=";
				};
			}
		});
	});
}
</script>
</head>

<body bgcolor="black"  onload="incep()">
<img alt="Not connect" src="" id="ecran"/>
</body>
</html>

Shahin · 2017-03-24 13:55:46

How it useful?

ionel.ciobanuc · 2017-03-24 14:19:45

I can use a smartphone or tablet, where to open a full screen browser, for 3d printer without HDMI connection (connection through the network).
Ideal as an application on Android, but not found. Maybe nanodlp for android.
Or you can tell me how can I get start time exposure.
I want to do a test.

Thank you very much.

Shahin · 2017-03-24 15:07:23

Update nanodlp beta and Try this one.
If it works, will could work on proper solution.

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <style>
	html,body{
		margin:0;
		height:100%;
		overflow:hidden;
		background-color: black;
	}
	#box,img{
		height:100%;
		width:100%;
		position:absolute;
		top:0; bottom:0;
		left:0; right:0;
		margin:0;
		padding:0;
	}
    </style>
	<script type="text/javascript" src="/static/boot3/js/jquery.min.js"> </script>
	<script>
	var last_l=false;
	function incep(){
		$.ajax({
			type: 'GET',
			url: '/status',
			data: { get_param: 'value' },
			dataType: 'json',
			success: function (data) {
				if (last_l!==data.Projecting){
					if (data.Projecting){
						$("#box").html('<img alt="Not connect" src="/static/plates/'+data.PlateID+ '/'+data.LayerID+'.png" id="ecran">');
					} else {
						$("#box").html("");
					}
				}
				last_l=data.Projecting;
			}
		});
	}
	$(function(){
		setInterval(incep,100);
	});
	</script>
</head>
<body>
	<div id="box"></div>
</body>
</html>

ionel.ciobanuc · 2017-03-24 20:06:09

It works. Thank you.
In the next days I do a test with resin.
I must seek how to hide the address bar.
If this goes well, we can optimize the time and traffic.

Shahin · 2017-03-24 20:21:58

Try add this line.
document.body.requestFullscreen();

Or better add this
<meta name="mobile-web-app-capable" content="yes">

and make shortcut of url on home page of your mobile device.

ionel.ciobanuc · 2017-03-24 20:30:56

I tried. Do not hide.
Not bothering for tests.

ionel.ciobanuc · 2017-03-25 18:00:19

I succeeded.
We modified "height: 100%; the" height: 104%; "
Thank you.

SilverMax · 2017-12-15 03:42:30

hi members
I have a question, how can we print resin at pcb using this lcd sla printer, my meaning is how we can change gerber or pcb file into 3D modle for nano dlp software.

elshad66 · 2019-05-14 19:10:47

Hello
I use the above written code
insert to sudo nano /home/pi/printer/public add name123
and put pi_ip/static/123 into browser android
on one printer use the screen of the smartphone LG G3
printing goes fine but there is a little inconvenience

1) for example printed a star
next I want to print a triangle
If I want to view the layers, the screen shows a star.
i.e. previous print
to see i click start print and then stop print
after that I see only the first layer of the triangle
other layers don't scroll
What code and where to insert so that you can view the new task, and not the previous one?
and so you can scroll through the layers

2)what code is needed and where to insert
in order to display the calibration grid
and correct the mask?

Shahin · 2019-05-17 16:22:36

It was just a way to try using mobile phone display to cure layer. We can release android app to make it properly works.

elshad66 · 2019-05-17 19:06:18

I already made everything from the phone
everything works perfectly
just didn't make the mask
and there are inconveniences described above

elshad66 · 2019-05-17 19:16:31

https://www.youtube.com/watch?v=p2Cp9jUwbc4

I did it a long time ago, here I connected through the program twomon
here you need to press a lot of buttons
if a through pi use pi_ip/static/123 , use one button
and setting in the browser pi_ip/static/123

Last edited by elshad66 (2019-05-17 19:19:25)

nanoDLP

#1 2017-03-24 13:30:16

Simple web page synchronized with LCD.

#2 2017-03-24 13:55:46

Re: Simple web page synchronized with LCD.

#3 2017-03-24 14:19:45

Re: Simple web page synchronized with LCD.

#4 2017-03-24 15:07:23

Re: Simple web page synchronized with LCD.

#5 2017-03-24 20:06:09

Re: Simple web page synchronized with LCD.

#6 2017-03-24 20:21:58

Re: Simple web page synchronized with LCD.

#7 2017-03-24 20:30:56

Re: Simple web page synchronized with LCD.

#8 2017-03-25 18:00:19

Re: Simple web page synchronized with LCD.

#9 2017-12-15 03:42:30

Re: Simple web page synchronized with LCD.

#10 2019-05-14 19:10:47

Re: Simple web page synchronized with LCD.

#11 2019-05-17 16:22:36

Re: Simple web page synchronized with LCD.

#12 2019-05-17 19:06:18

Re: Simple web page synchronized with LCD.

#13 2019-05-17 19:16:31

Re: Simple web page synchronized with LCD.

Board footer