javascript - 来自网络摄像头的实时 JPEG 流，无需使用 Flash

Question

我被要求创建一个主页类似于http://www.sagmeisterwalsh.com的 Wordpress 站点。它具有似乎是来自网络摄像头的实时 Jpeg 流。该网站也是响应式的，因此可以跨多个设备工作。

我没有使用网络摄像头的经验，并且想要一些关于如何实现这一目标的指针/链接。任何解决方案都必须依赖 Javascript 而不是 Flash，因此它可以在移动设备和台式机上运行。

有什么建议么？提前谢谢了

Answer 1

如果您有一堆 JPEG 图像，使用一些有创意的 javascript，则可以做到这一点，但这并不容易。您始终可以使用 setInterval 循环将图像放置到位并将其与前一个图像交换，但根据您的帧速率，这可能不会像您希望的那样顺利。

另请记住，必须加载图像，因此您可能希望延迟图像的显示并在尝试将它们交换到位之前缓冲它们（例如，不要使流“实时”，而是延迟一些秒，以便可以缓冲图像）。