1

Web ページを作成し、このページに img タグを付けます。img.src は、ネットワーク IP カメラからの画像の URL です。動作しますが、取得するストリームに遅延があります。この遅延は、画像を読み込み、画像の読み込みに時間がかかるためだと理解しています。私の質問は、これらの遅延をどのように最小限に抑えることができるかです。私は次のことを行います。

<script language="Javascript">
    x = document.getElementById("stream");
    intervalID = setInterval(LoadImage, 0);

    function LoadImage()
    {
      x = document.getElementById("stream");
      x.src = "http://IP:PORT/jpg/image.jpg";
    }
</script>    

<img id="stream"     
    width="640" height="480" 
    alt="Press reload if no video displays" 
    border="0" style="cursor:crosshair; border:medium; border:thick" />

<button type="button" id="btnStartLive" onclick="onStartLiveBtnClick()">Start Live</button>
4

4 に答える 4

-2

画像をフォトショップに入れ、解像度を 72 以下にしてみます。また、画像を GIF として保存する場合は、はるかに小さくする必要があります。

于 2013-01-16T15:25:21.917 に答える
-2

ウェブページの更新よりも速く実行される外部スクリプトで画像の読み込みを処理してから、それを埋め込むのでしょうか? 「videoloader.js」のように、個別にロードでき、html ページのロードを待つ必要がありません。

<script src="videoloader.js"></script>

また、javascript を使用して、オンザフライで表示される画像を低品質の jpg に変換することもできます。

これが役立つかどうかを確認してください： より高いインスタンスが利用可能な場合は、低品質の画像をロードします

于 2014-06-16T19:07:39.910 に答える
-2

あなたのhtmlページを作成します。例えば：

<html>
<head>
    <title>
        Some Page
    </title>
    </link rel="stylesheet" href="path to your css file"/>
    <script type="text/javascript" src="path to you javasctipt file"></script>
</head>
<body>
    <h1 onClick="javascript:someFunction()">
        Click here
    </h1>
</body>
</html>

その後、他の多くの「someFunction」関数を作成できます。それらはすべてAJAX関数を参照しているだけです。これは、入力を少し減らすためです...

最も簡単な ajax の方法:

var path;
var div;
var xmlhttp = new XMLHttpRequest();

function someFunction()
    {
        path = "path to another html file";
        div = "the name of the div tag's content you want to change eg. content";
        AJAX(path, div);
    }

function AJAX(path, div)
    {
        xmlhttp.open("GET", path, false);
        xmlhttp.send();
        if (xmlhttp.readyState == 4)
        {
            document.getElementById(div).innerHTML = xmlhttp.responseText;
        }
    }

htmlファイルに画像を含めるだけです。ajax を使用すると、ページ全体をリロードせずに、指定した div のコンテンツのみを変更できます。

于 2013-01-16T13:35:15.717 に答える