我有一个 mjpg 视频流。MIME 类型是content-type: multipart/x-mixed-replace
我可以在 Chrome、Firefox 和 Safari 中获得很棒的视频流,但它还不能在 IE 中工作(我测试了 IE10/Win8)。此外,我在我的 android 设备的 chrome 应用程序上获得了视频源,但在我的 iPhone 的 Chrome 应用程序(iOS7/30.0.1599.16)上没有。这是我用来嵌入视频的代码(网址是目前的实际流):
<video height="400" poster="http://bit.ly/1ccY67W" >
<source src="http://bit.ly/1ccY67W" type="video/mp4" />
<source src="http://bit.ly/1ccY67W" type="video/ogg" />
<source src="http://bit.ly/1ccY67W" type="video/webm" />
"Your browser does not support HTML5"
</video>
这是一个小提琴。(你可以看到那些是我的宠物鸟)。看来 IE应该支持video/mp4 类型。我希望 iOS 上的 chrome 应用程序的行为与其他设备上的 chrome 应用程序相同,但我想情况并非如此?
需要注意的另一件奇怪的事情是,如果我删除了海报属性,则流在任何浏览器中都不起作用。
我需要做什么才能让流在 IE 和 iOS Chrome 应用程序中工作?
编辑:对于 mjpg,您应该使用图像标签。上面的代码可以正常工作,因为海报属性用作图像。代码很简单:
<img id="stream" src="http://bit.ly/1ccY67W"/>
我在页面加载时动态加载 img 源。我在 iOS 上支持 IE 和 chrome 的技巧是,如果 img 源无法加载,我会激活一个画布并以 3 fps 的速度从相机提供静态图像。我想找到一种方法来获取实际的 mjpg 视频流。另外需要注意的是,虽然 iOS chrome 应用程序不工作,但 iOS7 上的 safari 应用程序可以工作。