Currently, I am utilizing the mjpeg format to display a stream from an IP camera. However, I have been experiencing issues with the stability of the stream. The problem lies in not knowing when exactly the stream begins and, therefore, requiring a check on the image URL. If there are more than 5 images available, then it should load. However, prior to adding it to the page, it is crucial to confirm the validity of the URL.
Below is my current code:
$('#image_div').append('<img width="320" height="240" border="0" src="http://'+url+':'+port+'/?up" id="image">');
$('#image').load(function(){
console.log($(this));
});
In the console, it appears like this: https://i.stack.imgur.com/iM88J.png
If there happens to be no stream, only one instance of the above link would be received. Therefore, it is necessary to verify its availability before proceeding with the addition.