logo elektroda
logo elektroda
X
logo elektroda
Szukanie Zaawansowane
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Skrypt do wyświetlania obrazu z kamery co kilka sekund

goabroad 14 Maj 2014 10:53 2055 3
REKLAMA
Zgłoś naruszenie prawa
Odpowiedz | Nowy temat
  • #1 13599670
    goabroad
    Poziom 12  
    Posty: 78
    Pomógł: 1
    Ocena: 2
    Witam,

    Chciałbym wyświetlać obraz kamery (hikvision) na stronie www. Obraz może być z sub streama odświeżany np. co 3 sek., podgląd na serwerze będzie przez 1 osobę i to od czasu do czasu.

    Generalnie osoba, która ma to oglądać jest w sieci gdzie poblokowane są porty (działa tylko 80 i 443) przez ma problem z podglądem obrazu na kamerze.

    Czy może ktoś zna jakiś skrypt/rozwiązanie, które będzie pobierać obraz kamery i wyświetlał na zewnętrznym hostingu?

    Wydaje mi się, że widziałem na forum tego typu rozwiązanie ale nie jakoś mogę znaleźć.

    Pozdrawiam,
  • REKLAMA
  • #2 13599769
    benekpp
    Poziom 15  
    Posty: 215
    Pomógł: 8
    Ocena: 17
    Tutaj masz skyrpt
    Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
    <script language=javascript>
var image="http://www.twojadomena.pl/kamera/video.jpg";
var refreshrate=2;
var imgwidth=720;
var imgheight=576;
function refresh(){
document.images["pic"].src=image+"?"+new Date();
setTimeout('refresh()', refreshrate*1000);}
document.write('<img src="'+image+'"height="'+imgheight+'"width="'+imgwidth+'" name="pic">');if(document.images)window.onload=refresh;
</script>


    ciąg dalszy:

    Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
    Objaśnienia:
http://www.twojadomena.pl/kamera/video.jpg - ścieżka dostępu do obrazu na serwerze FTP (katalog kamera plik video.jpg)

Parametry:
var refreshrate=2; częstotliwość odświeżania obrazu w sekundach
var imgwidth=720; wielkość wyświetlanego okna z obrazem
var imgheight=576;  wielkość wyświetlanego okna z obrazem


    Dodam, że skrypt nie jest mojego autorstwa - ale u mnie działa.
  • REKLAMA
  • #3 13599796
    Yca
    Poziom 20  
    Posty: 541
    Pomógł: 9
    Ocena: 28
    Ju używałem kiedys dawno temu takiego kodu
    Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
    
<script type="text/javascript">
function show()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM" 
//if (hours>12)
//{
//dn="PM"
//hours=hours-12
//this is so the hours written out is 
//in 12-hour format, instead of the default //24-hour format.
//}
//if (hours==0)
//hours=12
//this is so the hours written out 
//when hours=0 (meaning 12a.m) is 12
//if (minutes<=9)
//minutes="0"+minutes
//if (seconds<=9)
//seconds="0"+seconds
//document.Tick.Clock.value = hours+":"+minutes+":"+seconds+" "+dn + document.getElementById('zdjecie').src
//document.getElementById('zdjecie').src = document.Tick.Address.value + "&time="+hours+minutes+seconds
document.getElementById('zdjecie').src = document.getElementById('zdjecie').src + "&time="+hours+minutes+seconds
document.getElementById('zdjecie1').src = document.getElementById('zdjecie1').src + "&time="+hours+minutes+seconds
setTimeout("show()",2000)
}
show()
</script>


    samo zdjęcie na stronie osadzone było jakoś tak

    Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
    
img id="zdjecie1" src="http://192.16.1.1:60560/picture.jpg"
  • #4 13599881
    goabroad
    Poziom 12  
    Posty: 78
    Pomógł: 1
    Ocena: 2
    Dzięki Panowie.

    Dla potomnych link do zrzutu obrazu z Kamery IP hika jest taki:
    http://ip_address/Streaming/channels/1/picture
    i można z niego korzystać bezpośrednio (bez zewnętrznego serwera www)

    Działa to fajnie tylko trzeba podać użytkownika i hasło aby obraz się wyświetlił.

    Natomiast wpisując
    http://user:password@ip_address/Streaming/channels/1/picture
    działa pod firefoxem ale już pod IE11 niestety nie :(

    W sumie wykorzystałem pierwszy skrypt tyle, że jest on jest bardziej zrobiony pod pobieranie obrazków z ftp i coś mi refresh strony nie działał. Na szczęście w starym poczciwym html'u wystarczy dodać w sekcji head:
    Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
    
<head>
<meta http-equiv="Refresh" content="s" />
</head>


    gdzie s - to czas odświeżania w sekunach
Odpowiedz | Nowy temat
Zgłoś naruszenie prawa
REKLAMA