如何檢測瀏覽器是否支持MJPEG？

Question

現代瀏覽器除IE處理MJPEG（Motion JPEG）。 Here是一個例子小提琴。

我可以檢測到對MJPEG的支持嗎？我徒勞地看過Modernizr。

Answer 1

我試過最明顯的方法來檢測，如果圖像可以加載與否：

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

如果圖像可以加載load事件將被解僱，否則error。在最近的Chrome和IE8中檢查了這一點。按預期工作。

Answer 2

Modernizr only supports the following formats for detection right now: ogg, webm and h264.

視頻元素有一個電話叫canPlayType(format)那真的是你唯一的選擇（如果它爲MJPG）。你的檢測邏輯看起來像這樣（不是格式會不同）。

var videoElement = document.createElement('video'); 
if(!!videoElement.canPlayType) 
{ 
    var browserConfidence = videoElement.canPlayType('video/mjpeg; codecs="insert, them"'); 
    if(browserConfidence == "probably") 
    { 
    // high confidence 
    } 
    else if(browserConfidence == "maybe") 
    { 
    // low confidence 
    } 
    else 
    { 
    // no confidence... it definately will not play 
    } 
} 

確保你的visit the W3C's information on canPlayType。它看起來像mime類型應該是「video/mjpeg」，而不是你之前指定的「video/mjpg」。

Answer 3

不幸的是，您需要使用ActiveX控件來支持IE中的mjpg。請參閱How to embed mjpeg file on a webpage。