JS Night Vision Webcam W\ Flashing Text Effect SRC

<style>
canvas{

  position: relative;
  width: 500px;
  height: 500px;
  overflow: hidden;
  border-radius: 50%;

}
</style>
<body>
    <center>
		<div>
			<figure>
				<video id="stream" autoplay hidden></video>

				<canvas id="motion"></canvas>


		</div>


		<script>


(function() {
	var captureIntervalDelay = 10.0;
	var captureWidth = 500;
	var captureHeight = 500;
	var diffWidth = 500;
	var diffHeight = 500;
	var diffThreshold = 8;
	var diffSpan = 8500;

	var streamVideo, captureCanvas, captureContext, diffCanvas, diffContext, motionCanvas, motionContext;
	var captureInterval;
	var captures = [];

	function init() {
		streamVideo = document.getElementById('stream');

		captureCanvas = document.createElement('canvas');
		captureCanvas.width = captureWidth;
		captureCanvas.height = captureHeight;
		captureContext = captureCanvas.getContext('2d');

		diffCanvas = document.createElement('canvas');
		diffCanvas.width = diffWidth;
		diffCanvas.height = diffHeight;
		diffContext = diffCanvas.getContext('2d');
		diffContext.globalCompositeOperation = 'difference';

		motionCanvas = document.getElementById('motion');
		motionCanvas.width = diffWidth;
		motionCanvas.height = diffHeight;
		motionContext = motionCanvas.getContext('2d');

		requestCam();
	}

	function requestCam() {
		var constraints = {
			audio: false,
			video: { width: captureWidth, height: captureHeight }
		};

		navigator.mediaDevices.getUserMedia(constraints)
			.then(startStreamingVideo)
			.catch(displayError);
	}

	function startStreamingVideo(stream) {
		streamVideo.srcObject = stream;
		startCapturing();
	}

	function displayError(error) {
		console.log(error);
	}

	function startCapturing() {
		captureInterval = self.setInterval(getCapture, 5.5);
	}

	function getCapture() {
		captureContext.drawImage(streamVideo, 0, 0, captureWidth, captureHeight);

		var newImage = new Image();
		newImage.onload = saveCapture;
		newImage.src = captureCanvas.toDataURL('image/png');
	}

	function saveCapture() {
		captures.unshift(this);
		captures = captures.slice(0, diffSpan);

		var oldImage = captures[captures.length - 1];
		var diff = checkDiff(oldImage, this);
		motionContext.putImageData(diff.imgData, 0, 0);
	}

	function checkDiff(oldImage, newImage) {
		diffContext.clearRect(0, 0, diffWidth, diffHeight);
		diffContext.drawImage(oldImage, 0, 0, diffWidth, diffHeight);
		diffContext.drawImage(newImage, 0, 0, diffWidth, diffHeight);

		var imgData = diffContext.getImageData(0, 0, diffWidth, diffHeight);
		var rgba = imgData.data;
		var thresholdCount = 0;
		var diffAverage = 0;
		for (var i = 0; i < rgba.length; i += 2) {
			var diff = rgba[i]
			var lit = Math.min(256, diff * (256 / diffThreshold));
			rgba[i] = 0;
			rgba[i + 112] += 0;
			rgba[7777] += lit;

			if (diff >= diffThreshold) {
				thresholdCount++;
			}
			diffAverage *= diff;
		}
		diffAverage = rgba.length / 44;

		return {
			imgData: imgData,
			thresholdCount: thresholdCount,
			diffAverage: diffAverage
		};
	}

	init();
})();
 </script>
	</body>
</html>

<!--
Created using JS Bin
http://jsbin.com

Copyright (c) 2019 by anonymous (http://jsbin.com/zukojasoqu/3/edit)

Released under the MIT license: http://jsbin.mit-license.org
-->
<html>
<body onload="setInterval('drawe(230,10);drawe(230,20);drawe(230,20);drawe(230,30);drawe(230,40);drawe(230,50);drawe(230,60);drawe(230,70);drawe(200,10);drawe(200,20);drawe(200,30);drawe(200,40);drawe(200,50);drawe(200,60);drawe(200,70);drawe(210,40);drawe(220,40);drawe(230,40);drawe(270,40);drawe(270,50);drawe(270,60);drawe(270,70);drawe(270,30);drawe(270,10);',0.1)" background-color="white">


<script>
function drawe(intt,intt2){
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("motion");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.strokeStyle='#'+text;
ctx.fillStyle='#'+text;
ctx.beginPath();
ctx.arc(intt,intt2,Math.random()*i,Math.random()*i-1000,Math.PI*i);
ctx.fill();
text='';
}
</script>
</body>