如何用角/离子/JS显示运动JPEG二进制数据流？

Question

我正在为一个设备编写一个应用程序，这样的设备将接收一个POST请求，并返回一个multipart/x-mixed-replace二进制数据流。我必须在我的应用程序主页的一个部分显示这样的流。

我查了一遍，关于这件案子的资源非常有限。到目前为止，我发现如果Motion是从特定的URL发送的，那么也许可以使用iframe/img标记来显示它。但是，我的情况是不同的，似乎我必须解析这样的二进制流，然后创建一个可观察到的方法来更改图像html标记上的img元素，一旦我从Motion二进制流中得到一个框架。

有更简单的方法吗？我找到https://gist.github.com/legege/5301477了，我能用这个吗？

Answer 1

我自己解决了这个问题，在研究中学到了很多。

核心思想是使用xmlHTTP请求来获取motionJPEG数据它是关于如何传输二进制数据。

然后使用web工作者处理二进制数据。

最后用画布在离子页面上绘制图像。

由于前端JS延迟了图像加载，这样的motionJPEG预览目前在我的实现中并不是那么顺利。但现在JS有可能做到这一点。

请检查github https://github.com/makoto-unity/ThetaWifiStreaming