Início > Desenvolvimento, Tecnologia > Silverlight, Music and Me.

Silverlight, Music and Me.

Olá pessoal,

Dando um tempo nas viagens, vim retirar algumas teias de aranha do blog 🙂
O bom dos treinamentos é que você colhe feedback diretamente dos devs; E surgiu uma que ao invés de mandar somente para o aluno,
resolvi postar e compartilhar com todos. Como botar música no Silverlight.

Na verdade a dica em questão serve para diversos formatos de Media, não somente músicas, mas vamos focar no mais básico.

Então, vamos ao passo a passo:

1 – Inicie um novo projeto de Windows Phone Application

2 – Na sua MainPage.xaml, troque o Grid do ContentPanel por um StackPanel.

3 – Adicione no escopo do StackPanel a seguinte tag:

<MediaElement

x:Name=”media”
Source=”Music/elecman.mp3″
CurrentStateChanged=”media_state_changed”
Width=”300″ Height=”300″/>
<Button Content=”Play” Click=”Button_Click” />
<Button Content=”Pause” Click=”Button_Click_1″ />

4 – Adicione 2 botões para manipular o MediaElement. O aspecto final do ContentPanel no Xaml vai ser esse aqui:

<!–ContentPanel – place additional content here–>
<StackPanel x:Name=”ContentPanel” Grid.Row=”1″ Margin=”12,0,12,0″>
<MediaElement
x:Name=”media”
Source=”Music/elecman.mp3″
CurrentStateChanged=”media_state_changed”
Width=”300″ Height=”300″/>
<Button Content=”Play” Click=”Button_Click” />
<Button Content=”Pause” Click=”Button_Click_1″ />
</StackPanel>

5 – No caso, criei uma pasta no projeto chamada “Music” e coloquei o “elecman.mp3” nela. É, o tema da fase do Elecman, do jogo Megaman 😀

Referenciei esse mp3 no “Source” do MediaElement

6 – Gere os EventHandlers no código. Para isso, basta clicar com o botão direito em cada um dos eventos do Xaml, e clicar em “Navigate To Event Handler”

7 – Já no código, coloquei assim:

private void media_state_changed(object sender, RoutedEventArgs e)
{
MessageBox.Show(“State Changed”);
}

private void Button_Click(object sender, RoutedEventArgs e)
{
media.Play();
}

private void Button_Click_1(object sender, RoutedEventArgs e)
{
media.Pause();
}

Build, run and enjoy 🙂

Anúncios
  1. Nenhum comentário ainda.
  1. No trackbacks yet.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: