developertrinidad08 7e6cf29479 first commit
2023-01-16 18:11:14 -03:00

39 lines
1016 B
HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.binaryjs.com/0/binary.js"></script>
</head>
<body style="background-size:cover">
<input type="file" id="fileinput" accept="image/*" capture="camera" />
<script type="text/javascript">
// connect to the same host this was served from
var client = new BinaryClient('ws://' + document.location.host);
client.on('stream', function(stream, meta){
// collect stream data
var parts = [];
stream.on('data', function(data){
parts.push(data);
});
// when finished, set it as the background image
stream.on('end', function(){
var url = (window.URL || window.webkitURL).createObjectURL(new Blob(parts));
document.body.style.backgroundImage = 'url(' + url + ')';
});
});
// listen for a file being chosen
fileinput.addEventListener('change', function(event){
var file = event.target.files[0];
client.send(file);
}, false);
</script>
</body>
</html>