我正在为设备编写应用程序，此类设备将收到 POST 请求，并发回multipart/x-mixed-replace二进制数据流。我必须在我的应用程序主页的一部分上显示此类流。
我查了一下，这种情况的资源非常有限。到目前为止，我发现如果 Motion JPEG 是从特定 URL 发送的，那么也许可以使用iframe/img标签来显示它。然而，我的情况不同，似乎我必须解析这样的二进制流，然后创建一个 Observable 来改变img当我从 Motion JPEG 二进制流中获取帧时，我会在图像 html 标记上添加元素。
有没有更简单的方法来做到这一点？我发现https://gist.github.com/legege/5301477 https://gist.github.com/legege/5301477，我可以用这个吗？
我实际上自己解决了这个问题，并在研究中学到了很多东西。
核心思想是使用 xmlHTTPrequest 来获取运动 JPEG 数据，这是关于如何传输二进制数据 https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data.
然后使用网络工作者来处理二进制数据。
最后使用canvas在ionic页面上绘制图像。
由于前端JS在图像加载上的延迟，目前在我的实现中，这样的motionJPEG预览不会那么流畅。但现在用 JS 就可以做到这一点。
请检查githubhttps://github.com/makoto-unity/ThetaWifiStreaming https://github.com/makoto-unity/ThetaWifiStreaming
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
