Автоматическое обновление изображения

Тема в разделе "JavaScript", создана пользователем Burunduk1982, 17 мар 2013.

Модераторы: ZiX
  1. Burunduk1982

    Burunduk1982

    Регистр.:
    26 мар 2007
    Сообщения:
    627
    Симпатии:
    112
    Без знаний JS не могу разобраться. Потому взываю к вашей помощи.

    По сути, задача простая - необходимо скриптом обновлять изображение, например, каждые 3 или 5 секунд, без перезагрузки страницы. Есть постоянная ссылка с веб-камеры вида _http://192.168.12.4/jpg/image.jpg, которая и генерит изображение. Как это реализовать в жизнь просто и качественно?
     
  2. jetscript

    jetscript Писатель

    Регистр.:
    22 окт 2012
    Сообщения:
    2
    Симпатии:
    2
    Burunduk1982 нравится это.
  3. Burunduk1982

    Burunduk1982

    Регистр.:
    26 мар 2007
    Сообщения:
    627
    Симпатии:
    112
    Спасибо за помощь, но работает только в хроме. В эксплорере, опере и мозилле не обновляет. Похожие варианты находил и они так же не обновляют картинку. Случайно нашел решение в андроид-приложении IPWebcam, которое работает во всех браузерах. Выкладываю, может пригодится кому-нибудь.

    Есть еще один момент - некоторые камеры сети запоролены. Доступ в виде логина и пароля к ним есть. Надо как-то авторизоваться возможностями JS. Пример:
    http://86.110.162.162/jpg/image.jpg
    логин: test
    пароль: test1
     

    Вложения:

    • cam.zip
      Размер файла:
      35,9 КБ
      Просмотров:
      13
  4. jetscript

    jetscript Писатель

    Регистр.:
    22 окт 2012
    Сообщения:
    2
    Симпатии:
    2
    Проще говоря кеш.

    Вот так должно работать во всех:


    <div id="img_reload">
    <img src="img.jpg" />
    </div>
    <script>

    setInterval(function(){
    var img_tag = '<img src="http://192.168.12.4/jpg/image.jpg?img' +Math.random(0,100)+ '" />';
    document.getElementById('img_reload').innerHTML = img_tag

    }
    ,
    2000);
    </script>

    Мы перезапишем контейнер, но изображение у нас будет тоже, но имя изображения для браузера якобы другое. .
     
    Burunduk1982 нравится это.