Alergeniikeere
New Member
I have a web page. I put an image tag on this page. I set the src of the image in javascript function. I take image from a network camera. This network camera requires user name and password. In all other browser except google chrome, when I change the image src user name and pasword box pop-up. but in google chrome it does not work like this.I do the following..In HTML File\[code\]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="content-type" content="text/html"; charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Streaming</title> <script src="http://stackoverflow.com/questions/14437171/Streaming.js" type="text/javascript"></script></head><body> <div id="container" style="width:auto"> <div id="video"> <img id="stream" width="640" height="480" alt="Press reload if no video displays" style="cursor:crosshair;" /> <!--<img id="hStream" style="visibility:hidden" onload="LoadImage()"/>--> </div> <div> <button type="button" id="btnStartLive" onclick="onStartLiveBtnClick()">Start Live</button> </div> </div></body></html>\[/code\]in javascript file...\[code\]function LoadImage(){ var image = new Image(); x = document.getElementById("stream"); var url = "http://IP
ORT" + "?" + escape(new Date()); image.onload = function() { console.log("Image Loaded"); x.src = http://stackoverflow.com/questions/14437171/image.src; LoadImage(); } image.onerror = function() { setInterval(LoadImage, 5000); } image.src = url;}function onStartLiveBtnClick(){ LoadImage();}\[/code\]
ORT" + "?" + escape(new Date()); image.onload = function() { console.log("Image Loaded"); x.src = http://stackoverflow.com/questions/14437171/image.src; LoadImage(); } image.onerror = function() { setInterval(LoadImage, 5000); } image.src = url;}function onStartLiveBtnClick(){ LoadImage();}\[/code\]