Webcam online 
Author: Eliseo RomanoSalve
devo inglobare in una pagina web un'indirizzo dove c'è una webcam online.
Ho utilizzato una finestra con il seguente codice html:
<iframe src="http://www.mostweb.altervista.org/cam/FI9800P_00626E865DDF/snap/webcam.php" width="90%" height="90%">
Con il browser Firefox l'immagine della webcam appare quasi per intero, tranne un pezzettino di immagine sulla destra che rimane fuori (con conseguente barra orizzontale di scroll), e anche agendo sulla percentuale la piccola parte a destra non appare.
Su Chrome e sul telefonino l'immagine della webcam appare solo per una parte sia in orizzontale che in verticale con conseguenti barre di scroll.
La pagina in questione è la seguente:
http://www.civitellaroveto.org/webcam-online.html
Chi può darmi una mano a risolvere il problema per far si che l'immagine della webcam appaia per intero?
Ciao, prova a guardare qui:
http://www.dekadesign.it/blog/come-rendere-responsive-iframe-di-un-video-incorporato-in-una-pagina-web/
Forse potrà esserti d'aiuto?
... per come la vedo io, ... visto che il sito non è responsive, ...penso che basterebbe semplicemente caricare l'immagine JPG 100% in una sua pagina HTML EXTRA temporizzata e con inganno della cache, e nella pagina del sito inserire il codice IFRAME in rapporto 16:9 (imm.) che importi la pagina HTML ...
... oppure e forse più semplice, invece di usare l'IFRAME, prova ad usare l'Oggetto Immagine che carichi l'immagine webcam da URL...
... l'URL sarebbe questo:
http://www.mostweb.altervista.org/cam/FI9800P_00626E865DDF/snap/webcam.jpg
... eventualmente, e se ti interessasse, quando l'avrai fatto, avvisa (o posta il link della pagina di prova sempre del progetto/sito), così quando rientro, in serata, gli darò un'occhiata per escogitare o usare una delle mie invenzioni...
... altrimenti ignora quanto da me detto...
.
Author
Ok...innanzitutto grazie...stasera ci gioco un po' (se ho capito bene tutto) e vi faccio sapere...
Author
Salve
riguardo il primo suggerimento le cose non sono cambiate. Per il secondo si perdono i loghi e ovviamente l'immagine rimane statica e non si hanno gli aggiornamenti.
... per il 1° metodo, si parlava sempre dell'immagine pura + script aggiuntivi...
... per il 2° metodo, non hai postato l'esempio, ...necessario per valutare e studiare eventuali script aggiuntivi, e se...
.
Author
Salve
ieri sera non ho potuto fare altre prove per problemi di tempo. Cmq il mio obiettivo era quello di inserire in una pagina del sito web l'immagine della webcam e non di rimandare la webcam nel suo indirizzo. Cmq stasera (tempo permettendo) farò ulteriori prove e vi faroò sapere.
Saluti.
Author
Eccomi di nuovo
ho creato una pagina web dove ho inserito un'immagine che riporta all'indirizzo suggerito da KolAsim (http://www.mostweb.altervista.org/cam/FI9800P_00626E865DDF/snap/webcam.jpg)
Ho linkato tale pagina, ma mi riporta all'indirizzo della webcam:
http://www.mostweb.altervista.org/cam/FI9800P_00626E865DDF/snap/webcam.php
Mi occorerebbe però (come detto sopra) avere la possibilità di inserirla in una pagina del sito (http://www.civitellaroveto.org/webcam-online.html) ecco perchè credevo di poter risolvere con iframe.
Ringraziandovi per la vostra attenzione sperando di trovare una soluzione vi saluto.
... come già chiesto inizialmente, quale sarebbe il LINK di questa pagina in modo che possa valutare l'eventuale e se possibile da farsi escogitando un qualche script...?...
...
... oppure (e forse potrebbe essere meno problematico), visto che nell'IFRAME vedo che la webcam non scala, penso che potresti fare in questo modo:
1) - la cella che fa da contenitore sia in rapporto 16:9, (quelle stese dell'immagine), per esempio 800x450;
2) - all'IFRAME assegnare le misure reali dell'immagine: 1280x720;
3) - all'IFRAME integrare lo stile CSS2 per scalare in rapporto proporzionale al contenitore, che nei valori qui considerati noterai che sarebbe del 62.5%;
4) - lo stile CSS di riferimento da usare lo trovi qui: https://www.w3schools.com/css/css3_2dtransforms.asp
...
... nel caso ti servisse auto, resto in attesa sia del primo LINK e sia della prova ultima suggerita, e se! ...mi farò rivedere...
.
PS: ... i link servirebbero solo a me, che non avendo programmi e né PC valido, posso valutare (ed eventualmente sperimentare) solo online...
.
Author
Salve KolAsim
forse mi ritieni troppo esperto...andiamo per ordine:
1) - cosa intendi per creare una cella 800X450?
2) - ok per le misure da inserire nell'iFrame
3) - come si inserisce lo stile CSS nell'iFrame?...va aggiunto all'iFrame?
4) - lo stile CSS suggerito sarebbe tipo questo?:
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: 150px;
width: 200px;
height: 100px;
background-color: yellow;
border: 1px solid black;
-ms-transform: scale(2,3); /* IE 9 */
-webkit-transform: scale(2,3); /* Safari */
transform: scale(2,3); /* Standard syntax */
}
</style>
</head>
<body>
<h1>The scale() Method</h1>
<p>The scale() method increases or decreases the size of an element.</p>
<div>
This div element is two times of its original width, and three times of its original height.
</div>
</body>
</html>
Però vedo solo IE9 e Safari (che non usa più nessuno)
Insomma ho le idee un po' confuse...
Grazie per la pazienza.
Saluti.
ciao, ... la riduzione proporzionle andrebbe applicata all'IFRAME, ...con style in linea, oppure con il TAG style in HEAD (al contenitore, nome ID DIV o nome ID IFRAME)...
... approfittando di un finestra temporale, sto osservando adesso la tua attuale pagina (
!), ...e sarebbe stato meglio poter valutare sul "responsive", perchè nel caso e/o quando sarà, sarà anche a rivedere il tutto...
... se non avrò problemi di linea e se riuscirò a clonare, vedrò di implementare il mio metodo precedentemente detto, che in teoria dovrebbe essere abbastanza semplice...
... nel caso ti dirò o farò vedere qualcosa più tardi...
.
... OK ...
... sostituisci, copia/incolla il mio codice IFRAME dal > CLONE (occhio! - temporaneo), al rigo nr. 610 (Ctrl+U)...
.
Author
Ciao, scusa forse è troppo temporaneo:
Sito dedicato a test in PHP; ...in costruzione
... forse sì, deve essere passato già lo spazzino...
... riprova adesso... ...
.
Author
no non va....va sul sito della webcam
... non ho capito cosa non và, ...il clone c'è ancora e funziona...
... la tua pagina non è ancora stata aggiornata...
Author
Ok...così va bene sia su Firefox che su Chrome...credo anche sul telefonino.
Dove trovo il codice iFrame?
... detto prima, ...al rigo nr. 610 (Ctrl+U) ...per vedere il sorgente... copia/incolla e via...
Author
Ti confermo perfetto anche sul telefonino!
Author
Ok...grazie! Stasera lo provo e di do conferma.
Saluti.
... bye bye...
Author
http://www.civitellaroveto.org/webcam-online.html
Grazie KolAsim è perfetta...
...OK ... quando e se passerai al responsive, e nel caso avessi ancor bisogno per la webcam, ti farai risentire in un nuovo topic...
tu lo vedrai bene, ma io non leggo la scritta sotto...
...io vedo l'immagine dalla webcam solo sul mio IE , in tutti gli altri browser non la vedo l'immagine...
invece sul sito di origine la vedo con tutti...
mistero...
... ciao Mirko, quello che fai notare dovrebbe o potrebbe essere un problema solo di IE, che spesso anche in altri casi non rileva l'altezza del contenitore, che non c'entra con l'immagine, infatti se noti il contenitore nel tuo STAMP è a filo del footer, ed invece dovrebbe stare 150 pixel sopra...
... ho potuto vedere anche su un tablet Android+Chrome, ed è perfettamente regolare, come su Ch ed Ff del mio PC!... ...ed anche Esliseo sembra che abbia fatto diversi riscontri...
... in test locali, potrebbe non funzionare...
ciao
.
Author
Per me è perfetta, solo su Firefox mangia un pezzettino a DX, ma è più che accettabile. Si è perso lo zoom, ma poco importa...
non dovresti accontentarti di come la vedi tu, ma di come la vedono tutti gli altri...poi fa come credi...
... lo zoom nella pagina php non è previsto...
... dovresti provare in una pagina di prova EXTRA/nascosta, per poter fare degli esperimenti e poter valutare, con l'oggetto immagine e l'URL dell'immagine precedentemente indicata...
.