freiberuflicher Software Entwickler C#, vb.Net, vba, UWP, WPF, WinForms, SQL Server, Access, Excel, ASP.Net Core MVC Telefon: 07022/9319004   Kontakt
#

UWP: Anzeigen eines Videos vom Internet

 

 

In UWP  kann man direkt Video-Dateien vom Internet in einer App anzeigen.

Hierzu muss man nur die URL der Webadresse als File in die Source Eigenschaft eines MediaElements schreiben.

 

Anzeigen eines üblichen Beispiels aus dem Internet

 

 

Video Tutorial:

 

Bei einer reinen Youtube Adresse erscheint hier ein Fehler, da es sich bei Youtube nicht um die Datei sondern um den Content handelt.

Diesen müsste man in diesem Fall erst in einen asynchronen Stream umschreiben.

 

Betrifft: Universal Windows Platform

 

C# Code des Beispiels

Das Video wird gestartet, indem man die Webadresse einfach in die Source des MediaElements schreibt

 

 

        private void videoplayer_MediaOpened(object sender, RoutedEventArgs e)

        {

            // play when the stream is opened, otherwise it will fail

            videoPlayer.Play();

        }

 

        private async void videoplayer_MediaFailed(object sender, ExceptionRoutedEventArgs e)

        {

            // handle the error

            await new MessageDialog(e.ErrorMessage).ShowAsync();

        }

 

        //https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8

        //https://youtu.be/AQMwch5TUDA

        //https://rue25.de/Daten/Videos/2/Videos_2191/Video_2191_1.mp4

 

 

        private   void btnVideo_Start_Click(object sender, RoutedEventArgs e)

        {

            // on click of the LOAD button

            if(btnVideo_Start.Content.ToString() =="Start")

            {

                //< Start >

                ComboBoxItem item = selURL.SelectedItem as ComboBoxItem ;

                string sURL = item.Content.ToString();

                videoPlayer.Stop();

                videoPlayer.Source = new Uri(sURL);

                btnVideo_Start.Content = "Stop";

                //</ Start >

            }

            else

            {

                //< stop >

                videoPlayer.Stop();

                //videoPlayer.Source = new Uri(Url.Text);

                btnVideo_Start.Content = "Start";

                //</ Start >

            }

 

 

        }

 

        private void videoPlayer_StatusChanged(object sender, RoutedEventArgs e)

        {

 

        }

 

 

Xaml des Beispiels:

1)    Combobox zum Auswählen der 3 Webadressen

2)    Button zum Start / Stop

3)    MediaElement zum automatischen Anzeigen

       <StackPanel Grid.Column="1" Grid.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >

            <StackPanel Orientation="Horizontal" VerticalAlignment="Stretch" >

                <ComboBox x:Name="selURL" Header="webURL" Width="600" Height="80" >

                    <ComboBoxItem IsSelected="True" DataContext="0" >https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8</ComboBoxItem>

                    <ComboBoxItem DataContext="1">https://youtu.be/AQMwch5TUDA</ComboBoxItem>

                    <ComboBoxItem DataContext="">https://rue25.de/Daten/Videos/2/Videos_2191/Video_2191_1.mp4

                    </ComboBoxItem>

                </ComboBox>

              

            </StackPanel>

            <StackPanel Orientation="Horizontal" >

                <Button x:Name="btnVideo_Start" Content="Start"   VerticalAlignment="Bottom"  Click="btnVideo_Start_Click"  Margin="5,0,0,0"/>

 

            </StackPanel>

           

            <TextBlock x:Name="Status" />

            <MediaElement x:Name="videoPlayer" AutoPlay="False"  Width="500" Height="300"

                          VerticalAlignment="Top" HorizontalAlignment="Left"

                         

                      CurrentStateChanged="videoPlayer_StatusChanged"

                              Stretch="Uniform" 

                      MediaOpened="videoplayer_MediaOpened"

                      MediaFailed="videoplayer_MediaFailed" />

        </StackPanel>

 

 

 

Mobile
»
UWP: Zeilen zu einer Combobox hinzufügen
»
UWP: Focus auf Control setzen
»
UWP Code Sample: List File in Folder
»
UWP: Anzeigen eines Videos vom Internet
»
UWP: Webseite in einem Webview Control laden
»
UWP Code: Webcam Recorder in mp4

.

Jobs, Projekte, Angebote für Freiberufler, Selbstständig an Raimund.Popp@Microsoft-Programmierer.de