Stream-.mjpeg video-able auf beiden Chrome und IE11

Question

ich Gastgeber eine .mjpeg Datei lokal http://127.0.0.1/web/Images/Stream/somevideo.mjpeg

Ich habe versucht, ein paar Codes in meiner cshtml Seite.

1. Video-Tag Methode

<video src="http://127.0.0.1/web/Images/Stream/somevideo.mjpeg" controls></video> 

2. img-Tag Methode

<img src="http://127.0.0.1/web/Images/Stream/somevideo.mjpeg"/> 

3. MotionJPEG JavaScript-Methode

Der folgende Code aus here kopiert

<img id="motionjpeg" src="http://127.0.0.1/web/Images/Stream/somevideo.mjpeg" /> 
<script> 
     //Using jQuery for simplicity 
     function motionjpeg(id) { 
      var image = $(id), src; 

      if (!image.length) return; 

      src = image.attr("src"); 
      if (src.indexOf("?") < 0) { 
       image.attr("src", src + "?"); // must have querystring 
      } 

      image.on("load", function() { 
       // this cause the load event to be called "recursively" 
       this.src = this.src.replace(/?[^\n]*$/, "?") + 
        (new Date()).getTime(); // 'this' refers to the image 
      }); 
     } 

     $(document).ready(function() { 
      motionjpeg("#motionjpeg"); // Use the function on the image 
     }); 
</script> 

4. clipchamp JavaScript-Methode

Die einzige code die

jedoch nur auf Chrome, aber nicht IE funktioniert

<div id="mjpeg_player" style="width:600px;"></div> 
<script src='http://127.0.0.1/web/Scripts/jquery-clipchamp-mjpeg-player-plugin-master/src/jquery.clipchamp.mjpeg.player.js'></script> 
<script> 
     $(document).ready(function() { 

      var mjpegUrl = "http://127.0.0.1/web/Images/Stream/somevideo.mjpeg"; 
      var fps = 20; 
      var autoloop = true; 

      $('#mjpeg_player').clipchamp_mjpeg_player(mjpegUrl, fps, autoloop, 
       function(wrapperElement, playerInterface) { 
        /* 
        $('#mjpeg_player_stop').click(function(){ 
         playerInterface.finish(); 
        }); 
        */ 
       }); 
     }); 
</script> 

FYI, konfiguriert ich den MIME-Typ .mpjeg als application/octet-stream

Answer 1

sein könnte, dass der richtige MIME-Typ für M-JPEG heißt Motion JPEG ist

video/x-motion-jpeg 

Answer 2

Sie multipart/x-mixed-replace versucht haben? Sie müssen auch Randparameter angeben, so dass es in etwa so aussieht: multipart/x-mixed-replace; boundary=--boundary Sie müssen herausfinden, welche Grenze in Ihrer gehosteten mjpeg-Datei verwendet wird, um separate Rahmeninhalte zu begrenzen.