C# 可在Chrome和IE11上观看Stream.mjpeg视频

我在本地托管了一个.mjpeg文件

我在cshtml页面中尝试了一些代码

1。视频标签方法

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

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

2。img标记方法

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

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

3。motionjpeg javascript方法

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

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

下面的代码是从

//为了简单起见使用jQuery
函数运动JPEG（id）{
var image=$（id），src；
如果（！image.length）返回；
src=image.attr（“src”）；
if（src.indexOf（“？”）小于0）{
image.attr（“src”，src+“？”）；//必须具有querystring
}
image.on（“加载”，函数（）{
//这将导致“递归”调用加载事件
this.src=this.src.replace（/？[^\n]*$/，“？”）+
（新日期（））.getTime（）；/“this”指的是图像
});
}
$（文档）.ready（函数（）{
motionjpeg（“#motionjpeg”）；//在图像上使用该函数
});

4。clipchamp javascript方法

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

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

唯一有效的方法是只在Chrome上，而不是IE上

<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>

$（文档）.ready（函数（）{
var mjpegUrl=”http://127.0.0.1/web/Images/Stream/somevideo.mjpeg";
var fps=20；
var autolop=true；
$（“#mjpeg_播放器”）。clipchamp_mjpeg_播放器（mjpegUrl、fps、Autolop、，
函数（wrapperElement、playerInterface）{
/*
$（'#mjpeg_player_stop'）。单击（函数（）{
playerInterface.finish（）；
});
*/
});
});

---

仅供参考，我将.mpjeg的MIME类型配置为application/octet stream

可以是M-JPEG（即运动JPEG）的正确MIME类型

video/x-motion-jpeg

---

可能是M-JPEG（即运动JPEG）的正确mime类型为

video/x-motion-jpeg

---

您是否尝试过

多部分/x-mixed-replace

？

---

您还必须提供边界参数，使其看起来像这样：

multipart/x-mixed-replace；boundary=--boundary

您必须确定在托管的mjpeg文件上使用哪个边界来分隔单独的帧内容。

您是否尝试过

多部分/x-mixed-replace

？

---

您还必须提供边界参数，使其看起来像这样：

multipart/x-mixed-replace；boundary=--boundary

您必须找出托管mjpeg文件上使用的边界来分隔单独的框架内容。

感谢您的回复。我试过application/octet-stream-video/x-motion-jpeg-video/mpeg-video/mp4，都没用。谢谢你的回复。我试过application/octet-stream-video/x-motion-jpeg-video/mpeg-video/mp4，但都没用。嗨，你最终解决了这个问题吗？我也面临着同样的问题……嗨，你最终解决了这个问题吗？我站在同样的问题面前。。。