Question

我在CodeProject上测试了一个整洁的小项目：http://www.codeproject.com/Articles/371955/Motion-JPEG-Streaming-Server

基本上，当项目运行时，它会将桌面流式传输到任何连接的客户端。客户端使用他们的浏览器连接。程序流式传输桌面的JPEG图像。

我注意到HTML - 客户端的所有内容如下：

<html>
    <head>
        <meta name="viewport" content="width=device-width, minimum-scale=0.1">
        <style type="text/css"></style>
    </head>
    <body style="margin: 0px;">
        <img style="-webkit-user-select: none" src="http://54.194.225.174:8080/">
    </body>
</html>

我想知道的是，<img> src何时更新。有没有办法测量帧更新之间的时间？

Answer 1

不确定这会有效，但你可以尝试一下。我没有像这样的图像服务器的工作URL。

HTML

<body style="margin: 0px;">
    <img id= "imageFrame" style="-webkit-user-select: none;width:400px;" src="http://localhost/image.png" >
    <div id="intervals"></div>
</body>

Javascript / jQuery

$(function() {
    var priorLoad = new Date().getTime();
    var count = 0;

    $('#imageFrame').on('load', function () {
        var thisLoad = new Date().getTime();
        var interval = thisLoad - priorLoad;
        $('#intervals').append($('<div/>').attr("id", "image" + count).addClass("someClass").append("<span/>").text(interval));
        priorLoad = thisLoad;
        count++;
    });
});

检测<img/> src何时更新

1 个答案: