Implementazione dei video nei siti Web e siti mobili

I siti Web, i siti mobili e le applicazioni desktop accedono ai contenuti dei server di Scene7, inclusi i video, mediante stringhe URL o codice incorporato. Scene7 attiva le stringhe URL durante il processo di pubblicazione. Per inserire la stringa URL o il codice da incorporare per il video nelle pagine Web, nelle pagine mobili e nelle applicazioni desktop, copiate la stringa o il codice da Scene7 Publishing System.

Importante: l’URL o il codice da incorporare diventa attivo solo dopo che la risorsa è stata pubblicata.

Pubblicazione dei video

Quando un video viene pubblicato, può essere distribuito dai server di Scene7 al vostro sito Web, sito mobile o applicazione.

Esistono due metodi diversi per pubblicare un video:

  • Pubblicare automaticamente i video in fase di caricamento

    Durante il processo di caricamento dei video, Scene7 può pubblicare automaticamente i video nel momento in cui vengono caricati e codificati. Grazie a questa possibilità di pubblicazione immediata, non è necessario pubblicare separatamente i video in un secondo tempo.

  • Pubblicare i video manualmente dopo il caricamento

    Se non desiderate pubblicare subito i video, potete pubblicarli manualmente in qualsiasi momento.

Dopo aver pubblicato i video, Scene7 Publishing System attiva le stringhe URL per il codice HTML della pagina o dell’applicazione.

Per pubblicare i video

Effettuate una delle seguenti operazioni:

  • Per pubblicare automaticamente i video in fase di caricamento, nella schermata Carica fate clic su Pubblica dopo il caricamento . È tutto, non sono necessari ulteriori passaggi.

  • Per pubblicare i video manualmente in un secondo tempo dopo il caricamento, nel pannello Sfoglia selezionate i video e fate clic su Pubblica nella barra di navigazione globale.

Collegamento di un URL per video a un sito mobile o a un sito Web

Dopo aver pubblicato un video, potete ottenerne l’URL da usare in un sito Web, un sito mobile o in un’applicazione desktop. Usate l’URL del video per visualizzare il video in una finestra a comparsa o modale sopra alla pagina Web.

Quando un cliente fa clic sul collegamento, vengono automaticamente rilevati il tipo di dispositivo, la larghezza di banda e le dimensioni dello schermo. Viene visualizzato il video corretto da riprodurre con un visualizzatore predefinito per desktop o sul lettore nativo del dispositivo smartphone e tablet.

Consultate anche Incorporamento di un visualizzatore video in una pagina Web .

Per collegare l’URL di un video a un sito mobile o a un sito Web

  1. Nel pannello delle risorse, nell’elenco a discesa Mostra, fate clic su Video o Set video adattivo .

  2. Nel pannello Libreria risorse a sinistra, individuate la cartella di risorse che contiene il video o set di video adattivi che desiderate collegare.

  3. Sopra il pannello delle risorse, sul lato destro della barra degli strumenti, effettuate una delle seguenti operazioni:

    • Fate clic su Visualizzazione griglia o Visualizzazione elenco . Nella finestra delle risorse, fate doppio clic sulla miniatura video di una singola risorsa per aprirla in visualizzazione Dettagli. Nel pannello URL e codice da incorporare a destra, nella sezione Streaming HTTP, fate clic su Copia URL a destra del visualizzatore desiderato. Come procedura ottimale, copiate l’URL associato al visualizzatore Universal_HTML5_Video .

    • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, selezionate una singola risorsa, quindi, sotto la miniatura, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL . Come procedura ottimale, copiate l’URL associato al visualizzatore Universal_HTML5_Video .

    • Fate clic su Visualizzazione elenco . Nel pannello delle risorse, selezionate una singola risorsa, quindi, a destra della miniatura, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL . Come procedura ottimale, copiate l’URL associato al visualizzatore Universal_HTML5_Video .

    • Fate clic su Visualizzazione griglia , Visualizzazione elenco o Visualizzazione dettagli . Nella stessa barra degli strumenti, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL . Come procedura ottimale, copiate l’URL associato al visualizzatore Universal_HTML5_Video .

  4. Inserite il collegamento URL per il video HTML5 nel sito Web e nel sito mobile.

Incorporamento di un visualizzatore video in una pagina Web

Per riprodurre il video incorporato nella pagina Web, utilizzate la funzione Incorpora codice. Potete copiare il codice da incorporare negli Appunti per poi incollarlo nelle pagine Web. La modifica del codice non è consentita nella finestra di dialogo Codice da incorporare.

Consultate anche Collegamento di un URL per video a un sito mobile o a un sito Web .

Per incorporare il visualizzatore video in una pagina Web

  1. Nel pannello delle risorse, nell’elenco a discesa Mostra, fate clic su Video o Set video adattivo .

  2. Nel pannello Libreria risorse a sinistra, individuate la cartella di risorse che contiene il video o set video adattivo di cui desiderate copiare il codice da incorporare.

  3. Sopra il pannello delle risorse, sul lato destro della barra degli strumenti, effettuate una delle seguenti operazioni:

    • Fate clic su Visualizzazione griglia o Visualizzazione elenco . Nella finestra delle risorse, fate doppio clic sulla miniatura video di una singola risorsa per aprirla in visualizzazione Dettagli. Nel pannello URL e codice da incorporare a destra, in Streaming HTTP, fate clic su Incorpora codice a destra del visualizzatore desiderato. Come procedura ottimale, fate clic sulla voce Incorpora codice associata al visualizzatore Universal_HTML5_Video .

    • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, selezionate una singola risorsa, quindi, sotto la miniatura video, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice . Come procedura ottimale, fate clic sulla voce Incorpora codice associata al visualizzatore Universal_HTML5_Video .

    • Fate clic su Visualizzazione elenco . Nel pannello delle risorse, selezionate una singola risorsa, quindi, a destra della miniatura, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice . Come procedura ottimale, fate clic sulla voce Incorpora codice associata al visualizzatore Universal_HTML5_Video .

    • Fate clic su Visualizzazione griglia , Visualizzazione elenco o Visualizzazione dettagli . Nella stessa barra degli strumenti, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice . Come procedura ottimale, fate clic sulla voce Incorpora codice associata al visualizzatore Universal_HTML5_Video .

  4. Nella finestra di dialogo Codice da incorporare, fate clic su Copia negli Appunti .

    La modifica del codice non è consentita nella finestra di dialogo Codice da incorporare.

  5. Fate clic su Chiudi .

  6. Incollate il codice da incorporare nelle pagine Web.

Implementazione del codice da incorporare per utilizzare video HTML5 con risorse video MP4 e OGG

Se intendete usare il lettore video HTML5 di Scene7 e preferite invece usare il tag <video> nativo HTML5 con risorse video MP4 e OGG, potete utilizzare il seguente esempio di codice da incorporare: 

<video poster="S7 video thumbnail URL" controls> 
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
        <p>This is fallback content</p> 
</video>

Implementazione di video mediante un lettore video di terze parti

Se utilizzate un lettore video di terze parti o personalizzato anziché il visualizzatore video di Scene7, potete ottenere l’URL video diretto che funziona per lo streaming video HTTP e iOS con bitrate multipli o per lo scaricamento progressivo.

Per implementare video mediante un lettore video di terze parti

  1. In Scene7 Publishing System, nella barra di navigazione globale, fate clic su Configurazione > Impostazione applicazione > Impostazioni generali .

  2. A seconda del tipo di URL che desiderate usare, effettuate una delle seguenti operazioni:

Per generare un URL per lo streaming video HTTP diretto per computer desktop (bitrate multiplo)

  1. Nella pagina Impostazioni generali applicazione , nel campo di testo Nome server pubblicato del gruppo Server , create l’URL diretto con la sintassi seguente:

    server/is/content/società/cartella/nomefile.f4m

    Ad esempio, se il nome server pubblicato è http://s7d9.scene7.com/ , in base alla sintassi del punto 2 l’URL diretto potrebbe essere:

  2. http://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.f4m

Per generare un URL diretto per lo streaming video per dispositivi iOS (bitrate multiplo)

Nella pagina Impostazioni generali applicazione , nel campo di testo Nome server pubblicato del gruppo Server , create l’URL diretto con la sintassi seguente:

server/is/content/società/cartella/nomefile.m3u8

Ad esempio, se il nome server pubblicato è http://s7d9.scene7.com/ , in base alla sintassi del punto 2 l’URL diretto potrebbe essere:

http://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

Per generare un URL per lo streaming video HTTP diretto per computer desktop (bitrate singolo)

  1. Nella pagina Impostazioni generali applicazione , nel campo di testo Nome server di streaming iOS che si trova nel gruppo Server , sostituite hls/vod con hds/vod nel nome del server.

  2. Create l’URL diretto per eVideo con la sintassi seguente:

    server/società/cartella/nomefile.ext.f4m

    Ad esempio, utilizzando questa sintassi un URL diretto per eVideo potrebbe essere:

    http://s7mbrstream.scene7.com/hds-vod/eVideoQA/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.f4m

Per generare un URL diretto per lo streaming video per dispositivi iOS (bitrate singolo)

Nella pagina Impostazioni generali applicazione , nel campo di testo Nome server di streaming iOS che si trova nel gruppo Server , combinate server/società/cartella/nomefile.ext.m3u8 con il nome del server di streaming iOS.

Ad esempio, se il nome del server di streaming iOS è http://s7mbrstream.scene7.com/hls-vod/ , in base alla sintassi del punto 2 l’URL diretto per l’eVideo potrebbe essere:

http://s7mbrstream.scene7.com/hls-vod/eVideoQA/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.m3u8

Per generare un URL diretto per video progressivo

Nella pagina Impostazioni generali applicazione , nel campo di testo Nome server video progressivo che si trova nel gruppo Server , create l’URL diretto con la sintassi seguente:

server/società/cartella/nomefile

Ad esempio, se il nome del server video progressivo è http://s7d9.scene7.com/e2/ , in base alla sintassi del punto 2 l’URL diretto per l’eVideo potrebbe essere:

http://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

Utilizzo delle miniature video

Scene7 genera le miniature per i remix video e per i video codificati e precodificati. Potete usare le miniature video come qualsiasi altra risorsa di immagini. Inoltre, potete ottenere gli URL delle miniature video generate da Scene7 e implementarli anche al di fuori di SPS. Ad esempio, potete implementare le miniature nei risultati di ricerca, negli elenchi dei relativi video e negli elenchi di riproduzione video pubblicati in un sito Web.

Le miniature vengono generate in base al primo fotogramma eterogeneo (fotogramma che non sia tutto nero, tutto bianco e così via) del video.

Consultate anche Remix video .

Reperimento degli URL delle miniature video

Scene7 genera automaticamente le miniature video in fase di caricamento. Le miniature vengono visualizzate nel pannello Sfoglia in visualizzazione Elenco e Griglia.

Per generare gli URL delle miniature video, effettuate un’operazione di pubblicazione.

Consultate Pubblicazione dei video .

Una volta effettuata la pubblicazione, potete reperire gli URL delle miniature video nella visualizzazione Dettagli del pannello URL e codice da incorporare. Fate clic su Copia URL a destra della miniatura del video miniatura per copiarne l’URL.

Modifica dei fotogrammi poster nei visualizzatori video

Il fotogramma poster è il fotogramma iniziale che viene visualizzato nei visualizzatori per video prima che venga riprodotto il video. Come fotogrammi poster, Scene7 utilizza le miniature video.

Potete applicare al fotogramma poster i modificatori di immagini. Ad esempio, potete ritagliare il fotogramma poster o renderlo trasparente. Per modificare il fotogramma poster, aprite la schermata di configurazione del visualizzatore per video e inserite i modificatori nella sezione Modificatori immagini poster.

Consultate Aggiunta o modifica di un predefinito per visualizzatori video

Consultate www.adobe.com/go/learn_s7_image_server_guide_it .

Potete inoltre modificare le miniature video aggiungendo dei modificatori ai relativi URL.