Come distribuire in una pagina Web il video ripreso con la telecamera Il presente documento contiene informazioni di riferimento per la distribuzione in una pagina Web del video ripreso con la telecamera. Personalizzazione della pagina principale Distribuzione del video in una pagina Web mediante VB Viewer Pagina di esempio fornita Salvataggio dei contenuti della pagina Web sulla telecamera Telecamere compatibili Le informazioni fornite in questo documento si applicano alle telecamere seguenti: VB-M700F, VB-M600VE, VB-M600D, VB-M40 Per le descrizioni, il documento fa riferimento a una telecamera VB-M40. Pagina di esempio (fornita con la telecamera) descritta nel documento Per l utilizzo della pagina di esempio non potrà essere fornita nessuna garanzia né assistenza al cliente. Per pubblicare su Internet le pagine Web realizzate sulla base di questa pagina di esempio è necessario registrare tali pagine su un server Web dedicato. Per poter utilizzare VB Viewer e le pagine Web create sulla base di questa pagina di esempio, è necessario abilitare i cookie e JavaScript nel browser. Personalizzazione della pagina principale La pagina principale della telecamera può essere personalizzata secondo le proprie esigenze, modificando ad esempio le modalità di visualizzazione e le funzionalità. Nota È possibile visitare la pagina principale all indirizzo: http://<indirizzo IP della telecamera>/ Ad esempio, se l indirizzo IP della telecamera è 192.168.100.1, immettere nel campo dell indirizzo del browser. http://192.168.100.1/
Modifica della pagina principale La pagina principale della telecamera (file HTML, fogli di stile, file di immagini, ecc.) è memorizzata nella memoria flash interna della telecamera. I file della pagina principale possono essere scaricati e aggiornati accedendo alla memoria flash tramite FTP. I file HTML della pagina principale sono suddivisi per lingua come indicato di seguito. Tipo di file Percorso Nome file Pagina principale giapponese /mnt_flash/www/html/top/ index-ja.html Pagina principale inglese Pagina principale francese Pagina principale italiana Pagina principale tedesca Pagina principale spagnola index.html index-fr.html index-it.html index-de.html index-es.html Sovrascrivere i fogli di stile e i file di immagine secondo le proprie esigenze specifiche. I fogli di stile e i file di immagine della pagina principale predefinita si trovano ai seguenti percorsi. Tipo di file Percorso Nome file File dei fogli di stile /mnt_flash/www/html/top/ toppage.css File di immagini giapponesi /mnt_flash/www/html/top/img Nome file inizia con j_ File di immagini inglesi File di immagini francesi File di immagini italiani File di immagini tedeschi File di immagini spagnoli File di immagini dello sfondo Altri file di immagini Nome file inizia con e_ Nome file inizia con f_ Nome file inizia con i_ Nome file inizia con g_ Nome file inizia con s_ top_back.jpg logo.gif Assicurarsi di specificare correttamente i percorsi dei fogli di stile e dei file di immagini utilizzati nella pagina principale modificata. Prima di modificare la pagina principale, eseguire il backup della pagina principale standard (la pagina predefinita memorizzata sulla telecamera). Se si esegue l opzione [Ripristina impostazioni] nella pagina Impostazioni > [Manutenzione] > [Strumento] o si aggiorna il firmware della telecamera, verrà ripristinata anche la pagina principale standard. Per utilizzare la pagina principale modificata, sarà necessario sovrascrivere nuovamente la pagina principale standard (l aggiornamento del firmware consente di ripristinare solo i file della pagina principale e non gli altri file). Si raccomanda di eseguire il backup dei file utilizzati per modificare la pagina principale. Canon non può garantire che la pagina principale funzioni correttamente dopo la modifica. Inoltre, non sarà possibile fornire alcuna assistenza al cliente per questo tipo di problematiche. 2
Distribuzione del video in una pagina Web mediante VB Viewer Di seguito si descrive un esempio di come distribuire video in una pagina Web dedicata utilizzando VB Viewer della telecamera. Utilizzare le istruzioni fornite nell esempio per creare la propria pagina Web. Server Web dedicato Router PC visualizzatore Internet Telecamera Se si utilizza un server Web dedicato, assicurarsi che il suo indirizzo IP e quello della telecamera (o l indirizzo globale) si trovino sulla stessa subnet. Distribuzione di immagini video mediante VB Viewer Esempio di pagina Web 3
Contenuto dei file HTML della pagina Web (sample.htm) <html> <head> <title>vb Viewer Sample Page</title> </head> <body bgcolor="gray"> <center> <h1>pagina di esempio</h1> <iframe src="http://<indirizzo IP della telecamera>/viewer/live/it/live.html" scrolling="no" width=490 height=500> </iframe> Fare riferimento a Attributi elementi iframe per informazioni sui vari attributi. </center> </body> </html> La finestra di visualizzazione panorama può risultare nascosta, a seconda delle dimensioni di visualizzazione del riquadro di VB Viewer. Regolare le dimensioni o spostare la finestra di visualizzazione panorama trascinando la barra del titolo. Per distribuire l audio, è necessario impostare [Indirizzo globale per la pagina Web]. Nota È possibile utilizzare le funzioni della lingua del browser per creare una pagina Web multilingue. Ad esempio, è possibile impostare la pagina principale per gli utenti giapponesi con index-ja.html e la pagina in inglese per gli utenti internazionali con index.html, separando l URL con barre, ad esempio http://<indirizzo IP della telecamera>/sample/. In questo modo, il server può inviare i file appropriati per la pagina visitata a seconda delle impostazioni della lingua del browser. Per informazioni dettagliate sulla funzione di impostazione della lingua, fare riferimento alla guida del browser. Attributi degli elementi iframe È possibile modificare i valori degli attributi degli elementi iframe per creare una pagina Web più adatta alle proprie esigenze che mostri i contenuti desiderati. Utilizzare i vari parametri solo dopo averne completamente compreso il significato. Nome attributo src Omissione Esempio Non consentito Specificare l URI di VB Viewer. src="http://<indirizzo IP della telecamera>/viewer/live/<lingua>/ live.html" Se si salva la pagina Web sulla memoria flash della telecamera, è possibile omettere anche l indirizzo IP come indicato di seguito. src="/viewer/live/<lingua>/live.html" La lingua di VB Viewer visualizzata è specificata in <Lingua> come segue. Giapponese: ja Inglese: en Francese: fr Italiano: it Tedesco: de Spagnolo: es scrolling Consentito Specificare se visualizzare la barra di scorrimento. Eseguire la configurazione indicata per nascondere la barra di scorrimento. scrolling="no" 4
Pagina di esempio fornita I paragrafi seguenti descrivono un esempio del codice incluso nella cartella SAMPLE del CD-ROM di installazione. È possibile visualizzare come immagine fissa il video ripreso dalla telecamera nel momento in cui il client accede alla pagina Web. È possibile visualizzare come immagine in movimento il video ripreso dalla telecamera nel momento in cui il client accede alla pagina Web. Esempio 1: visualizzazione come immagine fissa del video ripreso al momento dell accesso Esempio di visualizzazione Mediante il codice di esempio è possibile riprodurre immagini fisse e visualizzarle sullo schermo. Descrizione <div id="image"> <img src="http://<indirizzo IP della telecamera>/-wvhttp-01-/image.cgi?v=jpg:320x240" width="320" height="240" alt="still image" /> </div> Per un esempio specifico, fare riferimento alla pagina di esempio fornita. 5
Esempio 2: visualizzazione come immagine in movimento del video ripreso al momento dell accesso Esempio di visualizzazione Mediante il codice di esempio, è possibile riprodurre immagini in movimento e visualizzarle sullo schermo. Per avviare la riproduzione è sufficiente premere il pulsante di riproduzione. Descrizione var open_url = "http://<indirizzo IP della telecamera>/-wvhttp-01-/open.cgi?v=jpg:320x240"; Parametri di comando La seguente tabella elenca i parametri di comando di image.cgi e open.cgi. Comando Spiegazione v Specificare le dimensioni dell immagine nei formati seguenti: v=jpg:160x120 v=jpg:320x240 v=jpg:640x480 v=jpg:1280x960 6
Salvataggio dei dati della pagina Web I dati della pagina Web possono essere salvati nella memoria flash della telecamera. Salvando la pagina Web per la distribuzione del video nella memoria flash interna della telecamera, è possibile distribuire sia la pagina Web che il video utilizzando solo la telecamera. Per il salvataggio, trasferire i file di dati della pagina Web nella cartella /usr/www/html/local mediante FTP. L URI di destinazione per il trasferimento dei file e l URI per aprire i dati trasferiti con un browser Web sono i seguenti. URI (accesso con client FTP) ftp://<indirizzo IP della telecamera>/usr/www/html/local URI (accesso con browser Web) http://<indirizzo IP della telecamera>/local/ I dati della pagina Web salvati nella memoria flash della telecamera non possono superare 2 MB in totale. Se rimane poco spazio libero disponibile nella memoria flash, la velocità di scrittura potrà risultare inferiore. Salvare nella memoria flash solo pochi file necessari. Se le dimensioni dei file della pagina Web aumentano eccessivamente, potrebbe risultare impossibile modificare le impostazioni della telecamera. Se viene eseguita l opzione [Ripristina impostazioni] nella pagina Impostazioni > [Manutenzione] > [Strumento], i dati salvati verranno eliminati. Eseguire sempre il backup dei file. Se sono stati salvati dati di una pagina Web sulla memoria flash, controllare sempre i registri degli eventi dopo la modifica delle impostazioni per controllare che non si siano verificati errori (S306, S307) durante il salvataggio delle nuove impostazioni. Qualora si siano verificati errori, eliminare i dati della pagina Web e configurare nuovamente le impostazioni. PUB.YT1-0616-000 CANON INC. 2011