Question

Modern browsers except IE handle MJPEG (Motion JPEG). Here is an example fiddle.

Can I detect support for MJPEG? I have looked through Modernizr in vain.

Answer 1

I’ve tried the most obvious way to detect if the image could be loaded or not:

$output = $('<img id="webcam">')
        .attr('src', src)
        .load(function(){alert('ok')})
        .error(function(){alert('error')});

In case image could be loaded load event will be fired, otherwise error. Checked this in recent Chrome and IE8. Works as expected.