0

IPカメラからのストリームを表示するためにmjpeg形式を使用しています。問題は、ストリームが不安定で、いつ開始するかわからないため、たとえば 5 つ以上の画像がある場合は画像の URL を確認してからロードする必要があることです。このようなものですが、ページに追加する前にURLを確認してください。

現時点で私は持っています：

$('#image_div').append('<img width="320" height="240" border="0" src="http://'+url+':'+port+'/?up" id="image">');
$('#image').load(function(){
    console.log($(this));
});

コンソールでは次のようになります: http://i.stack.imgur.com/iM88J.png

ストリームがない場合、これを 1 つだけ受信します。したがって、追加する前に何らかの方法で確認する必要があります。

4

2 に答える 2

1

これは私が過去に使用した素晴らしいプラグインです。ほとんどの場合、ほとんどのブラウザーでスムーズに動作しました。

https://github.com/desandro/imagesloaded

于 2012-09-06T13:03:54.033 に答える
0

これが何をするのかわかりません：

$('#image_div').append('<img src="http://'+url+':'+port+'/?up">');

mjpeg と javascript を使用したことはありませんが、この URL は jpeg のストリームであると想定しています。

とにかく、画像オブジェクトを作成してメモリにロードし、いつでも表示できます。例:

var cache = [];
$(new Image()).attr('src', 'http://'+url+':'+port+'/?up').load(function() {
    // image loaded but not injected
    cache.push(this);
    if ( cache.length == 5 ) {
        // 5 images loaded, do something with cache array
    }
});

これはあなたの質問に答えていますか？

于 2012-09-06T13:49:21.017 に答える