Expression Encoder & Silverlight Streaming Services: nuova sinergia di lavoro.

Utilizzare i servizi di Silverlight Streaming Services per erogare facilmente un’applicazione in Silveright, attraverso Microsoft Expression Encoder  è ancora più semplice, segui i consigli e inizia a sperimetare.

Permettetemi per i “neofiti” a questi servizi una breve introduzione di qualche riga sui servizi streaming offerti dalla piattaforma Live. La piattaforma Silverlight Streaming Services, permette di utilizzare gratuitamente uno spazio hosting free di 4 gigabytes come piattaforma di streaming per le applicazioni in Silverlight. Ogni applicazione in Silverlight non deve superare la durata massima di 10 minuti di streaming video a qualità massima di 300 kilobit/s. Nel caso di contributi streaming più brevi è possibile aumentare la qualità dei video arrivando a 700 Kpbs (a tale risoluzione è possibile uplodare un filmato di circa 4 min.). Se volete avere maggiori dettagli in merito, vi consiglio di visitare il sito Silverlight Streaming e l’area faq del sito dove trovate una serie di ulteriori indicazioni e specifiche.

Vediamo in dettaglio sperimentare la vostra prima applicazione.

I pre-requisiti per poter eseguire questo breve esempio sono:

A.      Expression Encoder sul proprio PC, l’ultima versione del tool la potete downlodare seguente link.

B.      Expression Encoder Silverlight Streaming Publish Plugin, l’installazione dal seguente link.

C.      Avere il proprio account sulla piattaforma Live di Silverlight Streaming Services dove andremo a pubblicare l’applicazione. Non l’avete ancora creato, cosa aspettate? Ecco i riferimenti, accedete da questo link.

L’installazione di Expression Encoder e di Encoder Streaming Plug In deve essere fatta in sequenza.

N.B. Expression Encoder è sviluppato in Windows Presentation Foundation e quindi per essere installato necessità del Framework .NET 3.0 che è nativo con Windows Vista o potete tranquillamente installarlo su Windows XP scaricandolo da questo link.

Nello specifico, vedremo come realizzare un player in Silverlight 1.0 attraverso Expression Encoder con successiva pubblicazione su Silverlight Streaming Services.

 “Ottimizzazione e scelta del profilo di encoding WMV (VC-1)”
Iniziamo con importare il video da encodare, molto semplicemente dal menu File, selezionate il comando “Import” e selezionate dalla finestra di file system la sorgente del file video che volete visualizzare nel player e quindi encodare. Expression Encoder supporta  e permette di encodare molti tra i più diffusi formati video/audio (.mov, .avi, .mpeg, .mp3, .wmv, .wma, ecc.)

Nella vostra “art board” (parte alta del tool) vi appare l’anteprima del video e appena sotto la timeline con la lunghezza del video delimitata da due parentesi quadre bianche. Se provate ad interagire sulle parentesi, cliccando e spostandovi col mouse potete modificare la "selezione" del video che volete encodare e quindi selezionarne una sola frazione. Dalla finestra “setting”, in alto a destra del vostro schermo, potete selezionare uno tra i profili di encoding pre-impostati o crearne uno personalizzato modificando i parametri di riferimento. (dimensione, bitrate, ecc.) La visualizzazione dell’area di lavoro in modalità “A/B Compare”, attivabile cliccando sull’icona in basso a destra, vi permette di fare una valutazione in anteprima su come il profilo di encoding modifica la qualità del video originale.

Nella  finestra “setting” sono inoltre raggruppati una serie di funzionalità specifiche per l’editing del video: potete ad esempio effettuare dei “crop/tagli”, aggiungere delle immagini in overlay (vi consiglio png trasparenti), inserire un video iniziale o di chiusura al filmato principale, ecc.

Expression Encoder permette inoltre di encodare più video e quindi di creare una sorta di playlist. Tutte le funzionalità descritte prima, quali tagli, overlay, ecc. sono poi replicabili su ogni contributo video che avete inserito all’interno del progetto.

Nella seconda finestra (in alto a destra), attivabile cliccando sulla label “metadata”, potete fruire di ulteriori funzionalità avanzate, quali la gestione di metadati, di script e l’inserimento di markers per permettere all’utente di fare dei salti temporali in fase di esecuzione del video; (la stessa funzionalità utilizzata nei DVD per la gestione dei capitoli).

“Encoding del video”
Attivando al click la finestra con le funzionalità di output (in alto a destra), è possibile definire la tipologia di output desiderato scegliendo tra una delle seguenti opzioni:

-          Video encodato in Windows Media Video / VC-1

-          Video encodato in Windows Media Video / VC-1  ed erogabile attraverso un player di Silverlight, Expression Encoder  mette a disposizione una serie di template già pre-caricati, potrete comunque aggiungere ulteriori template personalizzati inserendoli direttamente nella cartella di installazione del programma all’interno di “Templates/EN”

Selezioniamo molto velocemente una destinazione di salvataggio del progetto, procediamo scegliendo un template a piacere tra quelli disponibili, ai fini dell’esempio non ha rilevanza, ed encodiamo il nostro filmato cliccando sul tasto centrale posizionato in basso all’area di lavoro. Come potete notare la durata del processo di encoding risulta indicata nella parte in basso a sinistra dell’area di lavoro. (viene visualizzata sia graficamente, riempimento barra verde sia in termini di tempo min./sec.)

“Pubblicazione del player Silverlight su Silverlight Streaming Services”
Dopo aver visto, molto velocemente, come confezionare ed ottimizzare la nostra applicazione, nel caso specifco un semplice player procediamo con la fase di pubblicazione sulla piattaforma di streaming.
Come potete notare, sempre all’interno delle opzioni offerte di output, trovate elencate le opzioni di “publish”; se selezionate dal menù a tendina l’opzione “Silverlight Streaming”, vi apparirà un ulteriore finestra di setting dove dovete inserire i campi “account” e “key”. Tali parametri vi verranno forniti nel momento in cui configurate il Vostro account all’interno della piattaforma Silverlight Streaming Services.
Se volete ulteriori dettagli sulla modalità di configurazione e attivazione dell’account, visitate la seguente pagina (per attivare l’account, dovete avere un account sui servizi di Windows Live).
Configurato l’account, l’ultimo step della demo è completare la fase di pubblicazione cliccando sul tasto “Publish”.
Terminato il processo di pubblicazione, nella finestra sottostante troverete l’elenco di tutte le applicazioni pubblicate su Silverlight e cliccando sulla label “Preview” potrete vedere in anteprima l’applicazione che avrete appena pubblicato.
Se tornate sulla parte di amministrazione del vostro account sui servizi streaming live, accedendo alla pagina di “Amministrazione Applicazione” (Manage Applications) trovate l’elenco delle applicazioni pubblicate, cliccando in dettaglio su una verrà visualizzata la parte di codice da inserire nella pagina che dovrà ospitare l’applicazione Silverlight. Un semplice copia/incolla del codice nella pagina HTML e la vostra aaplicazione potrà essere pubblicata online.
Per completare tutta la fase di publishing e creazione/gestione dell’account su Silverlight Streaming Services, dovete avere a dispsizione di una connessione internet.

Nei prossimi giorni allegherò un video-tutorial illustrativo dell’intera demo.

Se volete fare domande o volete avere ulteriori dettagli, la mia mail roberto.design@hotmail.it