网络摄像头流 - 以可变的时间间隔将图像流式传输到图像控制？
我遇到一个问题，连接速度慢的用户无法正确获取我的图像源。
我使用 Ajax 计时器每秒向 Ajax 更新面板内的图片框发送新图像。
因此，如果他们的连接速度非常慢，则一张图像在下一张图像进入之前无法完全加载，因此他们永远无法获得完整的图片......
有什么想法吗？
I'm having a problem where users with a slow connection aren't getting my image feed properly.
i'm sending them new images every second to a picturebox inside an Ajax Update panel, using an Ajax Timer.
so if their connection is really slow, one image doesnt load fully before the next one comes in, so they never get the whole picture...
Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在 JavaScript 中使用图像 OnLoad 事件。换句话说，在最后一张图像未完全加载之前不要加载新图像。
也许您不应该使用更新面板。图像标签（包括其大小、外观和位置）保持不变；这是改变的源头。我建议不要更新所有内容，而是在客户端执行以下操作：
OnLoad事件的侦听器添加到客户端的![]()
Camera.aspx来提供从相机抓取的最新图片。要确保页面确实被查询，请将![]()
src属性更改为Camera.aspx?t=1，Camera.aspx?t=2等在服务器端（所以这里没有JavaScript），抓取的图像存储在数据库中，所以
Camera.aspx将查询最后存储的记录，检索它并直接发送到客户端（指定适当的 Response.ContentType 并使用 Response.OutputStream ）。为了获得更好的视觉响应，您可能还需要考虑并行使用两个图像元素：加载第一个图像元素时，显示第二个图像元素，反之亦然。它可能更好，但我不确定，所以在选择合适的方法之前先进行测试。
Use image OnLoad event in JavaScript. In other words, do not load a new image until the last one is not completely loaded.
Probably you shouldn't use Update panel. The image tag (including its size, look and position) remains the same; it's the source which changes. Rather than updating everything, I suggest to do the following on client side:
OnLoadevent to<img />on client side.Camera.aspxwhich serves the most recent pictures grabbed from the camera. To be sure the page is really queried, change thesrcproperty of<img />element toCamera.aspx?t=1,Camera.aspx?t=2, etc.On server side (so no JavaScript here), the grabbed images are stored in database, so
Camera.aspxwill query for the last stored record, retrieve it and send directly to the client (specifying appropriateResponse.ContentTypeand usingResponse.OutputStream).To achieve better visual response, you may also want to consider using two image elements in parallel: when the first one is loading, the second is displayed, and vice versa. It might be better, but I'm not sure, so test before choosing the appropriate method.