Webcam sul mio sito b&b

**i7cerri** · 22-04-2013, 16.43.55

Salve chiedo aiuto a voi per risolvere un problema che mi sta facendo uscire matto...premetto che "informaticamente parlando" sono un po terra terra...anke sotto forse...io vorrei inserire la mia webcam sul sito del b&b i7cerri.altervista.org ma non so proprio da dove cominciare. In pratica ho una ipcamera wanscam che ha il protocollo FTP collegata ad un router onda con connessione 3G. Ho inserito sulla ip camera tutti i dati che mi chiedeva come spiegato su WIKI ed ho creato una cartella di destinazione immagini con aggiornamento ogni 60 secondi su gestione file. Adesso dopo aver visionato diverse discussioni a riguardo non ci ho capito niente. In pratica sareste cosi gentili di scrivermi uno script idoneo per potere visionare le immagini nella mia pagina e che tali immagini si aggiornino da sole ogni 60 secondi sovrascrivendosi. Vorrei fare come un tutorial di modo che chiunque riesca a fare una cosa che per molti è semplice e invece io ci sto diventando matto

1° scrivere sulla IP camera i dati FTP di altervista che sono richiesti e i tempi di aggiornamento file

2° creare una cartella su gestione file es. "mia cartella" dove scaricare le immagini

3°creare uno script ...e dove lo scrivo?? che script serve? che roba è lo script? cosa altro serve??

AIUTATEMI PERFAVORE

Carlo

22-04-2013, 17.43.19

Per i punti 1 e 2 dovresti aver risolto, almeno stando a quanto scrivi.

Per il punto 3: uno script è un programma che esegue un lavoro, nel tuo caso un programma anche in solo HTML ed eventualmente con javascript che visualizza una immagine prendendola dalla directory dove la salva, in FTP la telecamera. Il modo più semplice per vedere le immagini aggiornate è una pagina (lo script!) che si aggiorna ogni 60 secondi. Trovi istruzioni molto semplici da implementare su http://www.html.it/faq/come-si-fa-un...-della-pagina/. Ovviamente nella pagina da ricaricare devi metterci l'immagine con "<img src='percorso_dell_immagine/nome_dell'immagine' />"

Una soluzione più elegante è quella di usare lo script javascript che trovi nel link non per ricaricare tutta la pagina ma per ricaricare la sola immagine aggiornata. Se ti serve aiuto fai un fischio...

Ciao!

**i7cerri** · 22-04-2013, 19.03.11

e mi serve un aiuto si....in pratica non ci ho capito na mazza....sicuramente tu sei stato piu che chiaro ma come ti dicevo io so proprio terra terra...il sito me lo sono costruito da me ma in testa non mi entrano ste cose...le programmazioni della webcam router le ho fatte io e funziona tutto...come hai ben detto punti 1 2 risolto....in pratica dovrei andare sulla mia pagina dove c'e webcam ed aggiugere una pagina html e ci copio questo??

<script type=”text/javascript”>
<!–
setTimeout(‘location.href=”http://www.i7cerri.altervista.org”‘,60000);
–>
</script>

"<img src='cartella web/0001.jpg' />"

dovrei scrivere solo questo??

se questo non va bene per favore mi potresti scrivere proprio semplicemente quello che devo copiare e incollare sulla pagina (ammesso che sia una pagina html) e mi scrivi sotto che cosa devo sostituire sullo script che da come ho cspito sarebbe questo programma? te ne ringrazio davvero...

23-04-2013, 08.57.34

Quello che hai scritto dovrebbe andare bene, il suo lavoro è ricaricare ogni 60 secondi la home di http://www.i7cerri.altervista.org. Ti consiglio per evitare che l'immagine venga riletta da cache di usare un parametro random numerico nel percorso dell'immagine e di usare la funzione di reload della pagina invece dell'href.

Riassumo:

Codice:

<!-- dove metti l'immagine -->
<script type=”text/javascript”>
var randomNumber=Math.floor(Math.random()*11);
document.write("<img src='cartella_web/0001.jpg?" + randomNumber.toString() + "' />");
</script>

<!-- a fine pagina, subito prima del tag </body> -->
<script type=”text/javascript”>
<!–
setTimeout(‘window.location.reload()‘,60000);
–>
</script>

Ciao!

23-04-2013, 10.01.14

Questo codice non ricarica la pagina ma solo l'immagine

Codice:

<!-- tra i tag <head> e </head> -->
<script type=”text/javascript”>
function aggiornaImmagine(){
	// ottengo un numero pseudocasuale
	var randomNumber=Math.floor(Math.random()*11);
	// ottengo l'oggetto immagine di cui devo aggiornare il contenuto
	var immagineDaAggiornare = document.getElementById("idImmagineTelecamera");
	// cambio il valore della proprietà src dell'immagine forzandone il
	// ricaricamento in quanto randomNumber sarà diverso ogni volta che la funzione viene invocata
	immagineDaAggiornare.src = "cartella_web/0001.jpg?" + randomNumber.toString();
}
</script>

<!-- tra il tag <body> e il tag </body> (dove metti l'immagine) -->
<img id="idImmagineTelecamera" src="cartella_web/0001.jpg" />

<!-- a fine pagina, subito prima del tag </body> -->
<script type=”text/javascript”>
	setTimeout("aggiornaImmagine",60000);
</script>

**i7cerri** · 23-04-2013, 16.21.54

quindi se io copiassi quello che hai scritto sulla pagina html che ho inserito nella sottopagina webcam dovrebbe ricaricarmi e aggiornandomi solo l'immagine (non la pagina intera) ogni 60 secondi...se cosi fosse ti ringrazio davvero di cuore perchè non sapevo davvero dove andare a parare.. appena possibile lo provo e vedo se va...era proprio quello di cui avevo bisogno...che l'immagine venissse presa dalla cartella in gestione file, venisse visualizata e che la sola immagine venisse ricaricata ogni 60 secondi.

ho solo un dubbio...io su FTP cosa devo dirgli...di aggiornare ogni 60 secondi oppure di farlo ogni 50? ho il dubbio che se l'immagine si aggiorna ogni 60 secondi e la pagina pure, potrebbero accavalarsi e non avere tempo di caricare l'immagine(640x480). Dimmi se è corretto quello che penso o sto dicendo una ca...ta

Grazie ancora di cuore..sei una brava persona!

23-04-2013, 19.33.00

Io manterrei sia l'upload FTP che il refresh dell'immagine con la stessa temporizzazione... fammi sapere se hai risolto, ciao!

**i7cerri** · 24-04-2013, 00.46.03

Grazie...ti faró senz altro sapere per quanto sei stato gentile con me...se dovessi aver problemi ti romperó un attimo le scatole ...adesso sono fuori per lavoro e rientro la prossima settimana...grazie...grazie mille ancora

**i7cerri** · 26-04-2013, 20.08.19

Rieccomi di nuovo a chiedere aiuto... Allora ho fatto alcune prove e non ho avuto molta fortuna.. Dunque i problemi sono i seguenti

1. La telecamera trasferisce senza problemi i file nella cartella che ho creato solo che i file che la telecamera invia non si sovrascrivono ma si accumulano nella cartella con numeri progressivi e quindi si riempie la cartella di file

2. Ho provato ad eliminare i file cliccando sulla x rossa ma mi scrive... Impossibile eliminare nome file non valido

3.ho provato a vedere se sul sito le foto si vedono e compare solo una x rossa con scritto vicino "tag e" e la pagina apposita che ho creato per il sito si vede solo se prima vado sulla home o effettuo un refresh...

Detto questo... Sapreste indicarmi una soluzione a questi problemi?? Io non so che pesci prendere...per favore.. Chi lo sa mi aiuti.. Perfavore

27-04-2013, 08.52.12

Dovresti per prima cosa configurare la telecamera in modo che sia lei a sovrascrivere il file quando ne fa l'upload. Pensavo lo avessi già fatto.

Per l'eliminazione dei files, la fai da Gestione Files del pannello di controllo o con un client FTP tipo Filezilla?

Per il resto è meglio che passi il link alla pagina per poterne vedere il sorgente.

Ciao!

**i7cerri** · 27-04-2013, 19.28.49

Ho capito... Dunque sulla telecamera non posso ne impostare la sovrascrittura ne cambiare il nome visto che mi dice che non è valido .. Esiste un modo magari uno script che ad ogni foto che arriva la sovrascrive sempre con lo stesso nome? Io non so che fare.. Intanto potrei risolvere sto problema...poi devo cancellare quei file che mi dice che non si possono cancellare.. Che cos è filezilla??

Grazie mille

27-04-2013, 19.47.07

Se sei sicuro che la telecamera non può sovrascrivere (in pratica dovrebbe "solo" usare sempre lo stesso nome per il file immagine che genera) credo che tu non abbia altra soluzione che agire via script, magari da lanciare tramite cronjob. Domani se trovo un'oretta libera (tanto mi sa che piove!!!) vedo di postare qualcosa, tanto farebbe comodo anche a me.

Nel frattempo ricontrolla se la telecamera ha l'opzione per usare sempre lo stesso nome file... potrebbe esserti sfuggito, può succedere a tutti.

Ciao!

**i7cerri** · 27-04-2013, 21.54.51

la telecamera è una wascam e ti mando pure il link delle istruzioni in inglese potrai notare che non c'e nulla da dover impostare...

http://www.vipcol.com.br/downloads/w...al_wanscam.pdf

aspetto tue notizie...intanto ho cancellato i file con filezilla come mi avevi detto ....tutto ok!!!!

grazie mille

**i7cerri** · 27-04-2013, 22.46.59

girovagando in rete ho trovato un codice che da come ho capito dovrebbe sovrescrivere le immagini delle webcam lasciando sempre la piu nuova...mi dici se è cosi?? se fosse cosi lo puoi modificare per avere quelo che mi serve? e poi soprattutto...se fosse giusto...ma dove lo vado a scrivere? sempre nel file html che si trova nel sito dove ho scritto lo script che mi hai dato?? ti invio anke il link della mia pagina
http://www.i7cerri.altervista.org/webcamsettecerri.html

grazie

p.s. i numeri che sono nel nome immagine significano
1970 anno
01 mese
01 giorno
17:47 ora e minuti
(non ho rimesso l'orario della webcam)

<?php
$nome_immagine="cartellaweb/00B8FB00FE88(websettecerri)_0_19700101174742_347.j pg "; // file contenente l'immagine, Su
questo Web l'immagine 00B8FB00FE88(websettecerri)_0_19700101174742_347.j pg si trova nella directory cartellaweb

//Spostamento dell'ultima immagine acquisita dalla WEBCAMERA:

$cartella_di_oggi = (date('Ymd')."/".date('H')); // costruisco il nome della
cartella odierna

if (file_exists($cartella_di_oggi)==1); // controllo che esista la cartella
odierna
// se la directory non è stata creata non faccio niente e proseguo con la stessa
immagine
{

$array_files =(@scandir("$cartella_di_oggi",1)); // Questo comando crea un Array
con tutti i nomi dei file ordinati per orario inverso in modo che l'ultima
immagine sia la prima nelle array.
if ($array_files[0]!==".")// controllo che cartella di oggi non sia vuota
@copy ($cartella_di_oggi."/".$array_files[0],$nome_immagine); // copio la nuova
immagine al posto di 00B8FB00FE88(websettecerri)_0_19700101175042_347.j pg
}
?>

</head>
</body>
</html>

<head>
<body style="color: black; background-color: rgb(247, 247, 247);">

<div align="center">
<img src="cartellaweb/00B8FB00FE88(websettecerri)_0_19700101175042_350.j pg " alt="La mia webcam WEBSETTECERRI" width="800"
height="600" border="1" ?t=<?php echo(time());?>"
</div>
</body>
<p>

**i7cerri** · 29-04-2013, 15.05.49

pastamadre sai dirmi nulla??

lo script che mi hai dato precedentemente non mi funziona e compare solo la X rossa...sai dirmi dove sbaglio?

29-04-2013, 18.50.51

Mi passi il link alla pagina? intendo una cosa del genere http://i7cerri.altervista.org/pagina_della_telecamera e non altro. Ciao!

**i7cerri** · 29-04-2013, 19.09.36

la pagina è questa.....

http://www.i7cerri.altervista.org/webcamsettecerri.html

ho fatto una prova inserendo una foto con filezilla nella cartella e sullo script ci ho messo il nome di quel file.. e sembra che funziona

ho solo una cosa da chiederti...c'e uno script per ridimensionare l'immagine visto che me la visualizza troppo grande? devo semplicemente ridurla di dimensioni... non so se va messo in mezzo alla script che mi hai gia dato!

grazie ancora!
carlo

29-04-2013, 19.20.57

Il modo più semplice per ridimensionare l'immagine è specificare nel tag "img" le sue dimensioni di visualizzazione con le proprietà height e width, espresse in numero di pixel. Occhio a mantenere le proporzioni originli. Il modo migliore sarebbe quello di intervenire sulle impostazioni della telecamera.
Ciao!

**i7cerri** · 29-04-2013, 23.03.54

ho risolto quasi tutto...anzi diciamo che funzia quasi tutto...dico quasi perchè nella pagina del mio sito la foto non si aggiorna mai e la devo ricaricare io tutte le volte andando su un altra pagina o con F5....c'e forse un errore sullo script? o devo solo variare qualcosa?

grazie e buona serata

carlo

30-04-2013, 10.56.08

Ti ho scritto in pvt.

Segnalo a te e agli altri che per un mio errore il punto in cui si dice alla pagina di aggiornare ogni tot secondi l'immagine (lo script da mettere subito prima del tag di chiusura </body>) va cambiato in:

Codice HTML:

<script type="text/javascript">
	var run = setInterval("aggiornaImmagine()", 60000);
</script>

**i7cerri** · 30-04-2013, 18.32.15

stasera se riesco rimetto la webcam in servizio che ora è spenta e faccio il punto...speriamo bene..intanto ho fatto queste correzioni

saluti
carlo

**i7cerri** · 03-05-2013, 21.58.43

pastamadre...hai qualche novità...hai letto il codice?
saluti
carlo

**dygonmeteo** · 18-03-2014, 12.22.40

io ho lo stesso problema, devo sempre premere F5 per aggiornare la foto.. qualcuno sa dirmi sove sbaglio?

ecco il codice:
<html xmlns="..............................." lang="it" xml:lang="it" dir="ltr">
<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<title>Dygon Webcam Meteo</title>

<script type=â€text/javascriptâ€>
function aggiornaImmagine(){
// ottengo un numero pseudocasuale
var randomNumber=Math.floor(Math.random()*11);
// ottengo l'oggetto immagine di cui devo aggiornare il contenuto
var immagineDaAggiornare = document.getElementById("idImmagineTelecamera");
// cambio il valore della proprietÃ* src dell'immagine forzandone il
// ricaricamento in quanto randomNumber sarÃ* diverso ogni volta che la funzione viene invocata
immagineDaAggiornare.src = "webcam/cam_1.jpg?" + randomNumber.toString();
}
</script>
</head>
<body>
<div align=center><img src="image/martello.gif"></div><br>
<div align=center><p><font size="8" face="verdana" color="green">Dygon Webcam Meteo</font></p><br>
<p><font size="6" face="verdana" color="red">Soresina, via Falcone e Borsellino</font></p>
<div style="width: 640px; margin: 0 auto">
<img id="idImmagineTelecamera" src="webcam/cam_1.jpg" border="5" />
</div>

<script type=â€text/javascriptâ€>
setTimeout("aggiornaImmagine",60000);
</script>

</body>
</html>

29-10-2015, 13.19.08

Salve ho lo stesso problema di pubblicare una telecamera Wanscam sul sito. Ho cercato di copiare l'esempio ma ho sbagliato in qualche punto. Potrei essere contattato dall'utente pastamadre credo che sia davvero in gamba. Aggiungo anche la mia email se ne e' il caso, elettricaimpiantisnc chiocciola gmail punto com. Grazie

30-10-2015, 13.42.05

Salve sono un neofita non so se si puo pubblicare la propria email. Con l' occasione chiedo a pastamadre se puo darmi una mano. Grazie

Discussione: Webcam sul mio sito b&b

LinkBack

Strumenti discussione

Display

Webcam sul mio sito b&b

Regole di scrittura