English Version
Ecco a voi la nuova versione 1.2 di MinoPlayer, un Player di Video sviluppato in silverlight

Questa nuova versione supporta i Markers. I markers sono dei messaggi di testo che possono essere inseriti all’interno dei video in determinati punti.
Con i markers oltre a poter realizzare sottotitoli si possono anche creare dei messaggi pubblicitari testuali, oppure didascalie.Potete facilmente inserirlo all’interno del vostro sito web seguendo queste semplici istruzioni

1. Scaricate il player da questo link, pesa solo 26Kb :-)
2. Scompattatelo e copiate il file MinoPlayer_Ver1_2.xap in una cartella del vostro sito web
3. Aggiungere il seguente codice HTML nella pagina del vostro sito nel punto in cui volete venga posizionato il player:
   <object data=”data:application/x-silverlight,” type=”application/x-silverlight-2″ width=”500″ height=”330″>
   <param name=”source” value=”ClientBin/MinoPlayer_Ver1_2.xap”/>
   <param name=”onerror” value=”onSilverlightError” />
   <param name=”background” value=”black” />
   <param Name=”initParams” value=”VideoSource=http://silverlight.services.live.com/60107/HD%20Future%20Markers/video.wmv,AutoPlay=false,EnableScrubbing=true,InitialVolume=1,PreviewImage=http://www.silverlight-blog.it/vid/HD_future_Thumb.jpg,LogoImage=http://www.silverlight-blog.it/vid/Logo.png,MarkersTimeView=5″ />
   <param name=”minRuntimeVersion” value=”2.0.31005.0″ />
   <param name=”autoUpgrade” value=”true” />
   <a href=”http://go.microsoft.com/fwlink/?LinkID=124807″ style=”text-decoration: none;”>
   <img src=”http://go.microsoft.com/fwlink/?LinkId=108181″ alt=”Get Microsoft Silverlight” style=”border-style: none”/>
   </a>
   </object>
   <iframe style=’visibility:hidden;height:0;width:0;border:0px’></iframe>
4. Modificare i seguenti tags secondo le vostre esigenze:
5. <object data=”data:application/x-silverlight,” type=”application/x-silverlight-2″ width=”500″ height=”330″>
   Rispettivamente larghezza ed altezza (in pixels) del video player (Si possono anche specificare delle percentuali: width=”100%” height=”80%”).
6. <param name=”source” value=”ClientBin/MinoPlayer.xap“/>
   Il path dove è posizionato il file MinoPlayer.xap nel vostro sito
   Esempio: se caricate il file MinoPlayer.xap in una cartella come http://www.yoursite.com/folder/MinoPlayer.xap allora il tag andrà modificato in questo modo <param name=”source” value=”http://www.yoursite.com/folder/MinoPlayer.xap“/>
7. <param name=”background” value=”black” />
   Rappresenta il colore di background del player
8. <param Name=”initParams” value=”…parametri…“/>
   I Parametri sono delle coppie chiave=valore separate da virgola:
   VideoSource=.. url del video da visualizzare
   AutoPlay=.. true o false, attiva o disattiva l’autoplay del video [OPTIONAL]
   EnableScrubbing=.. true o false, attiva o disattiva la possibilità di spostare il video in avanti o indietro [OPTIONAL]
   InitialVolume=.. un valore numerico compreso tra 0 e 1 (ex. 0.4) che indica il volume iniziale del player (1=100% del volume) [OPTIONAL]
   PreviewImage=.. un url per l’immagine di preview del video[OPTIONAL]
   LogoImage=.. un url per l’immagine del Logo (il logo bianco “Silverlight-Blog.it” nel player sopra è una “Logo Image”) [OPTIONAL]
   MarkersTimeView=.. un intero che indica il numero di secondi da attendere prima che un marker scompaia (di default è 5 secondi). [OPTIONAL]

One comment

English Version
Ecco a voi un Player di Video sviluppato in silverlight

Potete facilmente inserirlo all’interno del vostro sito web seguendo queste semplici istruzioni

1. Scaricate il player da questo link, pesa solo 26Kb :-)
2. Scompattatelo e copiate il file MinoPlayer.xap in una cartella del vostro sito web
3. Aggiungere il seguente codice HTML nella pagina del vostro sito nel punto in cui volete venga posizionato il player:
   <object data=”data:application/x-silverlight,” type=”application/x-silverlight-2″ width=”500″ height=”330″>
   <param name=”source” value=”ClientBin/MinoPlayer.xap”/>
   <param name=”onerror” value=”onSilverlightError” />
   <param name=”background” value=”black” />
   <param Name=”initParams” value=”VideoSource=http://silverlight.services.live.com/60107/HD%20Future/video.wmv,AutoPlay=false,EnableScrubbing=true,InitialVolume=1,PreviewImage=http://www.silverlight-blog.it/vid/HD_future_Thumb.jpg,LogoImage=http://www.silverlight-blog.it/vid/Logo.png” />
   <param name=”minRuntimeVersion” value=”2.0.31005.0″ />
   <param name=”autoUpgrade” value=”true” />
   <a href=”http://go.microsoft.com/fwlink/?LinkID=124807″ style=”text-decoration: none;”>
   <img src=”http://go.microsoft.com/fwlink/?LinkId=108181″ alt=”Get Microsoft Silverlight” style=”border-style: none”/>
   </a>
   </object>
   <iframe style=’visibility:hidden;height:0;width:0;border:0px’></iframe>
4. Modificare i seguenti tags secondo le vostre esigenze:
5. <object data=”data:application/x-silverlight,” type=”application/x-silverlight-2″ width=”500″ height=”330″>
   Rispettivamente larghezza ed altezza (in pixels) del video player (Si possono anche specificare delle percentuali: width=”100%” height=”80%”).
6. <param name=”source” value=”ClientBin/MinoPlayer.xap“/>
   Il path dove è posizionato il file MinoPlayer.xap nel vostro sito
   Esempio: se caricate il file MinoPlayer.xap in una cartella come http://www.yoursite.com/folder/MinoPlayer.xap allora il tag andrà modificato in questo modo <param name=”source” value=”http://www.yoursite.com/folder/MinoPlayer.xap“/>
7. <param name=”background” value=”black” />
   Rappresenta il colore di background del player
8. <param Name=”initParams” value=”…parametri…“/>
   I Parametri sono delle coppie chiave=valore separate da virgola:
   VideoSource=.. url del video da visualizzare
   AutoPlay=.. true o false, attiva o disattiva l’autoplay del video [OPTIONAL]
   EnableScrubbing=.. true o false, attiva o disattiva la possibilità di spostare il video in avanti o indietro [OPTIONAL]
   InitialVolume=.. un valore numerico compreso tra 0 e 1 (ex. 0.4) che indica il volume iniziale del player (1=100% del volume) [OPTIONAL]
   PreviewImage=.. un url per l’immagine di preview del video[OPTIONAL]
   LogoImage=.. un url per l’immagine del Logo (il logo bianco “Silverlight-Blog.it” nel player sopra è una “Logo Image”) [OPTIONAL]

One comment

Ad Orlando, durante il TechEd, Bill Gates ha annunciato l’imminente rilascio della versione Beta 2 del plugin Silverlight2.

Le novità annunciate sono molto corpose, si parla di miglioramenti nei seguenti campi

• Framework di interfaccia
  migliorie in termini di perfomance per le animazioni, migliore gestione degli errori ed infine miglior supporto per l’accesibilità e gestione degli input da tastiera
• Nuovi controlli e miglioramenti degli esistenti
• Strato di Networking
  migliore gestione dei crossDomain, più sicurezza, integrazione dell’upload di contenuti e comunicazione bidirezionale tra server e plugin, addiritura il server potrà fare push verso il plugin
• Nuove Librerie
  tra le quali LINQ-to-JSON, ADO.NET e SOAP

Rimaniamo fiduciosi in attesa.

No comments yet

Per alcune tipologie di applicazioni, la possibilità di poter essere eseguite in modalità fullscreen è molto importante, pensiamo ad esempio ad player di video (magari sfruttando il support al VC-1, la codifica per l’alta definizione) oppure una galleria fotografica.

In questo post vedremo come realizzare un pulsante che porti la nostra applicazione in modalità fullscreen.

L’oggetto a cui faremo riferimento è Application.Current.Host.Content
Questo oggetto ha due proprietà che possono essere lette in qualsiasi momento e sono

• ActualWidth
  è di tipo double (sola lettura) e restituisce l’attuale larghezza in pixel della nostra applicazione Silverlight
• ActualHeight
  è di tipo double (sola lettura) e restituisce l’attuale altezza in pixel della nostra applicazione Silverlight

La terza proprietà rilevante per il nostro scopo è la IsFullScreen, quest’ultima è di tipo bool e può essere letta in qualsiasi momento ma può essere impostata soltanto dentro un evento di tipo:

1. MouseLeftButtonDown
2. MouseLeftButtonUp
3. KeyDown
4. KeyUp

Quindi se noi dentro il nostro metodo public Page() impostassimo la proprietà

 Application.Current.Host.Content.IsFullScreen = true;

per far si che la nostra applicazione vada subito in modalità fullscreen all’avvio, ebbene non succederebbe nulla.

Questa limitazione è stata voluta da Microsoft per impedire che applicazioni Silverlight possano passare alla modalità fullscreen senza nessun intervento da parte dell’utente finale.

Per verificare il funzionamento di quanto descritto creiamo un progetto di test con VisualStudio2008, il file Page.xaml sarà il seguente:

<UserControl x:Class="FullScreenTestSL.Page"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="Auto" Height="Auto">
    <Grid x:Name="LayoutRoot" Background="White">
		<StackPanel>
			<TextBox x:Name="txtb1" Width="300" Height="30" Text=""></TextBox>
			<Button x:Name="btn1" Width="50" Height="30" MouseLeftButtonUp="btn1_MouseLeftButtonUp"></Button>
		</StackPanel>
	</Grid>
</UserControl>

Mentre il file Page.xaml.cs sarà:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
 
namespace FullScreenTestSL
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_FullScreenChanged);
 
            layoutUpdated(Application.Current.Host.Content.ActualHeight, Application.Current.Host.Content.ActualWidth);
        }
 
        void Content_FullScreenChanged(object sender, EventArgs e)
        {
            layoutUpdated(Application.Current.Host.Content.ActualHeight, Application.Current.Host.Content.ActualWidth);
        }
 
        private void btn1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;           
        }
 
        private void layoutUpdated(double height, double widht)
        {
            txtb1.Text = "Cur Height:" + height.ToString() + " Widht: " + widht.ToString();
        }
    }
}

Abbiamo associato all’evento MouseLeftButtonUp (che è uno degli eventi che sono abilitati a gestire la modalità fullscreen) il codice che modifica la proprietà IsFullScreen, in questo caso viene dato un effetto switch fullscreen/normalscreen alla pressione del pulsante.

One comment

Silverlight Blog

Meta Registrati Collegati Valid XHTML XFN WordPress

Feeds Posts Comments

Sponsor

• Ringraziamenti Speciali Hotel Turium in Calabria