|
Vídeo Player em Silverlight
Visual Studio 2010 - Parte II
Este artigo requer a leitura do artigo Vídeo Player em Silverlight Parte I
Neste artigo será demonstrado como é fácil incluir as funcionalidades de play, stop e pause no Vídeo Player.
Abra o projeto App_PlayerSilverlight, e vá em Solution Explorer e abra o arquivo MainPage.xaml. Selecione o controle mediaelement, e na propriedade Name do mediaelement, atribua o valor de videoPlayer, conforme mostrado na Listagem 01.
|
<Grid x:Name="LayoutRoot" Background="White">
<MediaElement Height="251" HorizontalAlignment="Left" Margin="8,21,0,0" Name="videoPlayer" VerticalAlignment="Top" Width="372" Source="http://localhost:52163/behavior.wmv" />
</Grid>
|
Listagem 01 – Atribuindo valor para a propriedade Name
Agora atribua o valor para a propriedade autoPlay, como o próprio nome diz: começa o vídeo assim que a página é carregada, então, para essa propriedade atribua o valor para false. A Listagem 02 traz o código Xaml.
|
<Grid x:Name="LayoutRoot" Background="White">
<MediaElement Height="300" HorizontalAlignment="Left" Margin="8,21,0,0" Name="videoPlayer" VerticalAlignment="Top" Width="400" Source="http://localhost:52163/behavior.wmv" AutoPlay="false" />
</Grid>
|
Listagem 02 - Atribuindo valor para a propriedade AutoPlay
Adicione três controles do tipo Button, e atribua para eles na propriedade Name, os valores conforme enumerados:
1. btnPlay;
2. btnPause;
3. btnStop;
Na propriedade Content dos botões, atribua os valores, conforme enumerado:
1. Play;
2. Pause;
3. Stop;
Salve a aplicação
A Figura 01 mostra como deve estar sua aplicação.
Adicionando eventos para os botões
Abra o arquivo MainPage.xaml.cs para adicionar o evento click dos botões Play, Pause e Stop.
• O evento para o botão Play deverá ter o método Play() do mediaelement;
• O evento para o botão Pause deverá ter o método Pause() do mediaelement;
• O evento para o botão Stop deverá ter o método Stop() do mediaelement.
A Listagem 03 mostra o código em C#.
|
namespace App_PlayerSilverlight
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(MainPage_Loaded);
}
void MainPage_Loaded(object sender, RoutedEventArgs e)
{
btnPlay.Click += new RoutedEventHandler(btnPlay_Click);
btnPause.Click += new RoutedEventHandler(btnPause_Click);
btnStop.Click += new RoutedEventHandler(btnStop_Click);
}
void btnStop_Click(object sender, RoutedEventArgs e)
{
videoPlayer.Stop();
}
void btnPause_Click(object sender, RoutedEventArgs e)
{
videoPlayer.Pause();
}
void btnPlay_Click(object sender, RoutedEventArgs e)
{
videoPlayer.Play();
}
}
}
|
Listagem 03 – Código para evento click dos botões
|
DICA: Para adicionar os eventos automaticamente coloque o nome do objeto seguido pelo evento, depois += e pessione TAB duas vezes
|
Este é um exemplo simples de vídeo player em Silverlight para ser hospedado em aplicações WEB. Claro que, o controle Mediaelement possui diversas propriedades, métodos e eventos para serem utilizados, como por exemplo, Buffer. Experimente utilizar os vários métodos existentes do mediaelement para melhorar o desempenho e a estabilidade.
Obrigada e até o próximo artigo
|
