Bluegrams · vinaghost · Jul 29, 2025
diff --git a/WpfDemoApp/App.config b/WpfDemoApp/App.config
diff --git a/WpfDemoApp/App.xaml b/WpfDemoApp/App.xaml
@@ -1,5 +1,5 @@
 <Application x:Class="WpfDemoApp.App"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             StartupUri="MainWindow.xaml">
-</Application>
+             StartupUri="Views/MainWindow.xaml">
+</Application>
diff --git a/WpfDemoApp/InformationWindow.xaml b/WpfDemoApp/InformationWindow.xaml
diff --git a/WpfDemoApp/MainWindow.xaml b/WpfDemoApp/MainWindow.xaml
diff --git a/WpfDemoApp/MainWindow.xaml.cs b/WpfDemoApp/MainWindow.xaml.cs
diff --git a/WpfDemoApp/ViewModels/MainWindowViewModel.cs b/WpfDemoApp/ViewModels/MainWindowViewModel.cs
@@ -0,0 +1,110 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using System.Windows;
+using WpfDemoApp.Views;
+using YoutubeDLSharp;
+using YoutubeDLSharp.Options;
+
+namespace WpfDemoApp.ViewModels
+{
+    public partial class MainWindowViewModel : ObservableObject
+    {
+        private YoutubeDL _youtubeDL = new();
+        private IProgress<DownloadProgress> _progress;
+        private IProgress<string> _output;
+
+        [ObservableProperty]
+        private bool _audioOnly = false;
+
+        [ObservableProperty]
+        private string _url = "";
+
+        [ObservableProperty]
+        private string _options = "";
+
+        [ObservableProperty]
+        private string _state = "";
+
+        [ObservableProperty]
+        private float _progressValue = 0;
+
+        [ObservableProperty]
+        private string _progressText = "";
+
+        [ObservableProperty]
+        private string _outputText = "";
+
+        public string Version => _youtubeDL.Version;
+
+        public MainWindowViewModel()
+        {
+            _progress = new Progress<DownloadProgress>(ShowDownloadProgress);
+            _output = new Progress<string>(ShowDownloadOutput);
+        }
+
+        [RelayCommand]
+        private async Task Download()
+        {
+            await YoutubeDLSharp.Utils.DownloadBinaries();
+
+            RunResult<string> result;
+
+            var options = Options.Split('\n');
+            var custom = OptionSet.FromString(options);
+            // it seems like yt-dlp doesn't output progress bar by default
+            custom.Progress = true;
+
+            OutputText = "";
+            if (AudioOnly)
+            {
+                result = await _youtubeDL.RunAudioDownload(Url, AudioConversionFormat.Mp3, progress: _progress, output: _output, overrideOptions: custom);
+            }
+            else
+            {
+                result = await _youtubeDL.RunVideoDownload(Url, progress: _progress, output: _output, overrideOptions: custom);
+            }
+
+            if (result.Success)
+            {
+                MessageBox.Show($"Successfully downloaded \"{Url}\" to:\n\"{result.Data}\".", "YoutubeDLSharp");
+            }
+            else
+            {
+                ShowErrorMessage(Url, string.Join("\n", result.ErrorOutput));
+            }
+        }
+
+        [RelayCommand]
+        private async Task FetchInfo()
+        {
+            await YoutubeDLSharp.Utils.DownloadBinaries();
+
+            var result = await _youtubeDL.RunVideoDataFetch(Url);
+            if (result.Success)
+            {
+                // doesn't follow MVVM pattern but project simple enough to use this trick
+                var informationWindow = new InformationWindow(result.Data);
+                informationWindow.ShowDialog();
+            }
+            else ShowErrorMessage(Url, string.Join("\n", result.ErrorOutput));
+        }
+
+        private void ShowDownloadProgress(DownloadProgress progress)
+        {
+            State = progress.State.ToString();
+            ProgressValue = progress.Progress;
+            ProgressText = $"speed: {progress.DownloadSpeed} | left: {progress.ETA}";
+        }
+
+        private void ShowDownloadOutput(string str)
+        {
+            if (str.Contains("[download]")) return;
+
+            OutputText += (str + Environment.NewLine);
+        }
+
+        private void ShowErrorMessage(string url, string error)
+            => MessageBox.Show($"Failed to process '{url}'. Output:\n\n{error}", "YoutubeDLSharp - ERROR",
+                MessageBoxButton.OK, MessageBoxImage.Error);
+    }
+}
diff --git a/WpfDemoApp/Views/InformationWindow.xaml b/WpfDemoApp/Views/InformationWindow.xaml
@@ -0,0 +1,15 @@
+<Window
+    x:Class="WpfDemoApp.Views.InformationWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:metadata="clr-namespace:YoutubeDLSharp.Metadata;assembly=YoutubeDLSharp"
+    mc:Ignorable="d"
+    d:DataContext="{d:DesignInstance Type=metadata:VideoData}"
+    Title="{Binding Title}" Height="400" Width="400"
+    WindowStartupLocation="CenterOwner">
+    <Grid>
+        <TextBox IsReadOnly="True" VerticalScrollBarVisibility="Auto" Text="{Binding Mode=OneWay}" />
+    </Grid>
+</Window>
diff --git a/WpfDemoApp/InformationWindow.xaml.cs → WpfDemoApp/Views/InformationWindow.xaml.cs b/WpfDemoApp/InformationWindow.xaml.cs → WpfDemoApp/Views/InformationWindow.xaml.cs
@@ -1,15 +1,14 @@
-using System;
-using System.Windows;
+using System.Windows;
 using YoutubeDLSharp.Metadata;
 
-namespace WpfDemoApp
+namespace WpfDemoApp.Views
 {
     public partial class InformationWindow : Window
     {
         public InformationWindow(VideoData videoData)
         {
-            this.DataContext = videoData;
             InitializeComponent();
+            DataContext = videoData;
         }
     }
-}
+}
diff --git a/WpfDemoApp/Views/MainWindow.xaml b/WpfDemoApp/Views/MainWindow.xaml
@@ -0,0 +1,59 @@
+<Window
+    x:Class="WpfDemoApp.Views.MainWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:vms="clr-namespace:WpfDemoApp.ViewModels"
+    mc:Ignorable="d"
+    d:DataContext="{d:DesignInstance Type=vms:MainWindowViewModel}"
+    Title="YoutubeDLSharp" SizeToContent="Height" Width="400" ResizeMode="CanMinimize">
+    <Window.Resources>
+        <Style TargetType="Button">
+            <Setter Property="Padding" Value="4" />
+        </Style>
+    </Window.Resources>
+    <DockPanel>
+        <StatusBar DockPanel.Dock="Bottom">
+            <StatusBarItem ContentStringFormat="yt-dlp Version: {0}"
+                           Content="{Binding Version, Mode=OneWay}" />
+        </StatusBar>
+        <Grid Margin="4">
+            <Grid.RowDefinitions>
+                <RowDefinition />
+                <RowDefinition />
+                <RowDefinition />
+                <RowDefinition />
+                <RowDefinition />
+            </Grid.RowDefinitions>
+            <TextBox Text="{Binding Url}"  Margin="0,12" FontSize="14" />
+            <Grid Grid.Row="1">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="2*" />
+                    <ColumnDefinition />
+                    <ColumnDefinition />
+                </Grid.ColumnDefinitions>
+                <CheckBox VerticalAlignment="Center" HorizontalAlignment="Center"
+                          Content="Audio Only"
+                          IsChecked="{Binding AudioOnly}" />
+                <Button Grid.Column="1" Command="{Binding DownloadCommand}"
+                        Content="Download" />
+                <Button Grid.Column="2" Command="{Binding FetchInfoCommand}"
+                        Content="Information" />
+            </Grid>
+            <Expander Grid.Row="2" Header="Custom Arguments">
+                <TextBox AcceptsReturn="True" Text="{Binding Options}" VerticalScrollBarVisibility="Auto" Height="60" />
+            </Expander>
+            <StackPanel Grid.Row="3" Margin="0,12">
+                <ProgressBar Value="{Binding ProgressValue}" Height="20" Margin="0"
+                             Maximum="1" />
+                <StackPanel Orientation="Horizontal">
+                    <TextBlock Text="{Binding State}" Margin="0,0,8,0" />
+                    <TextBlock Text="{Binding ProgressText}" />
+                </StackPanel>
+            </StackPanel>
+            <TextBox Text="{Binding OutputText, Mode=OneWay}" Grid.Row="4" IsReadOnly="True"
+                     Height="100" VerticalScrollBarVisibility="Visible" />
+        </Grid>
+    </DockPanel>
+</Window>