Add TextToSpeech support

DemoApp/App.xaml

@@ -83,7 +83,23 @@
             </Style>
 
 
-
+            <Style x:Key="AudioDropZoneStyle" TargetType="{x:Type Border}">
+                <Setter Property="AllowDrop" Value="False"/>
+                <Setter Property="BorderBrush" Value="Transparent"/>
+                <Setter Property="BorderThickness" Value="1"/>
+                <Style.Triggers>
+                    <MultiDataTrigger>
+                        <MultiDataTrigger.Conditions>
+                            <Condition Binding="{Binding IsDragDrop, RelativeSource={RelativeSource AncestorType=CommonControls:ViewControl}}" Value="True" />
+                            <Condition Binding="{Binding DragDropType, RelativeSource={RelativeSource AncestorType=CommonControls:ViewControl}}" Value="Audio" />
+                        </MultiDataTrigger.Conditions>
+                        <MultiDataTrigger.Setters>
+                            <Setter Property="AllowDrop" Value="True"/>
+                            <Setter Property="BorderBrush" Value="{StaticResource AccentColour2}"/>
+                        </MultiDataTrigger.Setters>
+                    </MultiDataTrigger>
+                </Style.Triggers>
+            </Style>
 
 
             <Style x:Key="ToggleButtonBasic" TargetType="{x:Type ToggleButton}">

DemoApp/App.xaml.cs

@@ -38,6 +38,7 @@ public App()
             builder.Services.AddSingleton<ITextService, TextService>();
             builder.Services.AddSingleton<IInterpolationService, InterpolationService>();
             builder.Services.AddSingleton<ITranscribeService, TranscribeService>();
+            builder.Services.AddSingleton<INarrateService, NarrateService>();
 
             _appHost = builder.Build();
 

DemoApp/Common/MediaType.cs

@@ -3,6 +3,7 @@
     public enum MediaType
     {
         Image = 0,
-        Video = 1
+        Video = 1,
+        Audio = 2
     }
 }

DemoApp/Common/NarrateItem.cs

@@ -0,0 +1,17 @@
+using System;
+
+namespace DemoApp.Common
+{
+    public class NarrateItem : HistoryItem
+    {
+        public string Model { get; init; }
+        public string Voice { get; init; }
+        public int Seed { get; init; }
+        public float Speed { get; init; }
+        public int Steps { get; init; }
+        public int Channels { get; init; }
+        public int SampleRate { get; init; }
+        public TimeSpan Duration { get; init; }
+        public string InputText { get; init; }
+    }
+}

DemoApp/Common/NarrateModel.cs

@@ -0,0 +1,60 @@
+using System.IO;
+using System.Linq;
+using System.Text.Json.Serialization;
+using System.Threading.Tasks;
+using TensorStack.Common;
+using TensorStack.Common.Common;
+using TensorStack.WPF;
+using TensorStack.WPF.Services;
+
+namespace DemoApp.Common
+{
+    public class NarrateModel : BaseModel, IModelDownload
+    {
+        private bool _isValid;
+
+        public int Id { get; init; }
+        public string Name { get; init; }
+        public bool IsDefault { get; set; }
+        public DeviceType[] SupportedDevices { get; init; }
+        public string Version { get; set; }
+        public int MinLength { get; init; }
+        public int MaxLength { get; init; }
+        public string[] Voices { get; init; }
+        public string[] UrlPaths { get; init; }
+
+
+        [JsonIgnore]
+        public string Path { get; set; }
+
+        [JsonIgnore]
+        public bool IsValid
+        {
+            get { return _isValid; }
+            private set { SetProperty(ref _isValid, value); }
+        }
+
+        public void Initialize(string modelDirectory)
+        {
+            var directory = System.IO.Path.Combine(modelDirectory, Name);
+            var modelFiles = FileHelper.GetUrlFileMapping(UrlPaths, directory);
+            if (modelFiles.Values.All(File.Exists))
+            {
+                IsValid = true;
+                Path = directory;
+            }
+        }
+
+
+        public async Task<bool> DownloadAsync(string modelDirectory)
+        {
+            var directory = System.IO.Path.Combine(modelDirectory, Name);
+            if (await DialogService.DownloadAsync($"Download '{Name}' model?", UrlPaths, directory))
+                Initialize(modelDirectory);
+
+            return IsValid;
+        }
+    }
+
+
+}

DemoApp/Common/PipelineModel.cs

@@ -12,6 +12,7 @@ public class PipelineModel : BaseModel
         public UpscaleModel UpscaleModel { get; init; }
         public DetectModel DetectModel { get; init; }
         public TextModel TextModel { get; init; }
-        public TranscribeModel TranscribeModel { get; set; }
+        public TranscribeModel TranscribeModel { get; init; }
+        public NarrateModel NarrateModel { get; init; }
     }
 }

DemoApp/Controls/HistoryControl.xaml

@@ -339,6 +339,89 @@
             </Grid>
         </DataTemplate>
 
+
+
+        <!--NarrateItem-->
+        <DataTemplate  DataType="{x:Type Common:NarrateItem}">
+            <Grid x:Name="Root" Background="Transparent" >
+                <DockPanel Height="150" Width="110" >
+                    <Grid DockPanel.Dock="Top">
+
+                        <Grid Width="110" Height="110">
+                            <CommonControls:FontAwesome Icon="f001" IconStyle="Solid" Size="70" Color="{StaticResource DefaultForeground}" Opacity=".2" />
+                        </Grid>
+
+                        <Button  Width="30" Height="30" 
+                            Style="{StaticResource TransparentButton}"
+                            HorizontalAlignment="Right" 
+                            VerticalAlignment="Bottom" 
+                            Visibility="{Binding IsMouseOver, ElementName=Root, Converter={StaticResource BooleanToHiddenConverter}}"
+                            Command="{Binding RemoveItemCommand, RelativeSource={RelativeSource AncestorType=Controls:HistoryControl}}"
+                            CommandParameter="{Binding}">
+                            <CommonControls:FontAwesome Icon="&#xe2b4;" IconStyle="Solid" Size="20" Color="{StaticResource DangerColour}"  />
+                        </Button>
+                    </Grid>
+                    <StackPanel>
+                        <TextBlock TextAlignment="Center">
+                            <Run Text="{Binding Duration}" />
+                        </TextBlock>
+                        <TextBlock Text="{Binding Source}" TextAlignment="Center" />
+                    </StackPanel>
+                </DockPanel>
+
+
+                <!-- Popup card -->
+                <Popup x:Name="CardPopup"
+                    Height="120"
+                    Width="242"
+                    VerticalOffset="16"
+                    HorizontalOffset="-5"
+                    Placement="Top"
+                    StaysOpen="True"
+                    PopupAnimation="Slide"
+                    AllowsTransparency="True" >
+                    <Border Background="#01000000" Margin="0,0,0,0">
+                        <Border Margin="0,0,0,18" Background="#80000000" BorderBrush="{StaticResource ContainerBorder}" BorderThickness="1,1,1,0"  CornerRadius="6,6,0,0">
+                            <StackPanel Margin="6,4,6,6">
+                                <TextBlock Text="{Binding Source}" />
+                                <TextBlock Text="{Binding Model, StringFormat={}Model: {0}}" />
+                                <TextBlock Text="{Binding Voice, StringFormat={}Voice: {0}}" />
+                                <TextBlock Text="{Binding Seed, StringFormat={}Seed: {0}}" />
+                                <TextBlock Text="{Binding Speed, StringFormat={}Speed: {0}}" />
+                                <TextBlock Text="{Binding Steps, StringFormat={}Steps: {0}}" />
+                                <TextBlock Text="{Binding Channels, StringFormat={}Channels: {0}}" />
+                                <TextBlock Text="{Binding SampleRate, StringFormat={}SampleRate: {0}}" />
+                                <TextBlock Text="{Binding Duration, StringFormat={}Duration: {0}}" />
+                                <TextBlock Text="{Binding MediaPath}" />
+                            </StackPanel>
+                        </Border>
+                    </Border>
+                </Popup>
+
+                <!-- Hover triggers -->
+                <Grid.Triggers>
+                    <EventTrigger RoutedEvent="MouseEnter">
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <BooleanAnimationUsingKeyFrames Storyboard.TargetName="CardPopup" Storyboard.TargetProperty="IsOpen">
+                                    <DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="True"/>
+                                </BooleanAnimationUsingKeyFrames>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </EventTrigger>
+                    <EventTrigger RoutedEvent="MouseLeave">
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <BooleanAnimationUsingKeyFrames Storyboard.TargetName="CardPopup" Storyboard.TargetProperty="IsOpen">
+                                    <DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="False"/>
+                                </BooleanAnimationUsingKeyFrames>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </EventTrigger>
+                </Grid.Triggers>
+            </Grid>
+        </DataTemplate>
+
     </CommonControls:BaseControl.Resources>
 
     <Grid  DataContext="{Binding RelativeSource={RelativeSource AncestorType={x:Type local:HistoryControl}}}">

DemoApp/Controls/HistoryControl.xaml.cs

@@ -180,6 +180,7 @@ protected void ListBoxPreviewMouseMove(object sender, MouseEventArgs e)
                         {
                             MediaType.Image => DragDropType.Image,
                             MediaType.Video => DragDropType.Video,
+                            MediaType.Audio => DragDropType.Audio,
                             _ => throw new NotSupportedException()
                         };
 

DemoApp/Controls/NarrateModelControl.xaml

@@ -0,0 +1,83 @@
+<CommonControls:BaseControl x:Class="DemoApp.Controls.NarrateModelControl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
+             xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
+             xmlns:base="clr-namespace:DemoApp"
+             xmlns:local="clr-namespace:DemoApp.Controls"
+             xmlns:Behaviors="clr-namespace:TensorStack.WPF.Behaviors;assembly=TensorStack.WPF"
+             xmlns:CommonControls="clr-namespace:TensorStack.WPF.Controls;assembly=TensorStack.WPF"
+             xmlns:CommonConverters="clr-namespace:TensorStack.WPF.Converters;assembly=TensorStack.WPF"
+             xmlns:Controls="clr-namespace:DemoApp.Controls"
+             xmlns:Common="clr-namespace:DemoApp.Common"
+             xmlns:Views="clr-namespace:DemoApp.Views">
+    <Grid  DataContext="{Binding RelativeSource={RelativeSource AncestorType={x:Type local:NarrateModelControl}}}">
+        <UniformGrid Columns="1">
+
+            <DockPanel>
+                <TextBox DockPanel.Dock="Left" Text="Device" IsReadOnly="True" IsHitTestVisible="False" Width="60" FontStyle="Italic" FontSize="11" Opacity="0.7" Padding="4,2,0,0"/>
+                <ComboBox DisplayMemberPath="Name" SelectedItem="{Binding SelectedDevice, Mode=TwoWay}" ItemsSource="{Binding Settings.Devices}" SelectionChanged="Device_SelectionChanged"/>
+            </DockPanel>
+
+            <DockPanel>
+                <DockPanel DockPanel.Dock="Right" Width="80" Height="22" >
+                    <Button x:Name="UnloadButton" DockPanel.Dock="Right" Command="{Binding UnloadCommand}" Width="22">
+                        <CommonControls:FontAwesome Icon="f00d" IconStyle="Solid" >
+                            <CommonControls:FontAwesome.Style>
+                                <Style TargetType="{x:Type CommonControls:FontAwesome}" BasedOn="{StaticResource {x:Type CommonControls:FontAwesome}}">
+                                    <Setter Property="Opacity" Value="0.5" />
+                                    <Style.Triggers>
+                                        <DataTrigger Binding="{Binding IsEnabled, ElementName=UnloadButton}" Value="True">
+                                            <Setter Property="Opacity" Value="0.7" />
+                                            <Setter Property="Color" Value="{StaticResource DangerColour}" />
+                                        </DataTrigger>
+                                    </Style.Triggers>
+                                </Style>
+                            </CommonControls:FontAwesome.Style>
+                        </CommonControls:FontAwesome>
+                    </Button>
+                    <Button x:Name="LoadButton" Command="{Binding LoadCommand}" >
+                        <Button.Style>
+                            <Style TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Type Button}}">
+                                <Setter Property="Content" Value="Load" />
+                                <Style.Triggers>
+                                    <DataTrigger Binding="{Binding IsEnabled, ElementName=LoadButton}" Value="False">
+                                        <Setter Property="Content" Value="Ready" />
+                                    </DataTrigger>
+                                </Style.Triggers>
+                            </Style>
+                        </Button.Style>
+                    </Button>
+                </DockPanel>
+
+                <DockPanel>
+                    <TextBox DockPanel.Dock="Left" Text="Model" IsReadOnly="True" IsHitTestVisible="False" Width="60" FontStyle="Italic" FontSize="11" Opacity="0.7" Padding="4,2,0,0"/>
+                    <ComboBox SelectedItem="{Binding SelectedModel, Mode=TwoWay}" ItemsSource="{Binding ModelCollectionView}" IsSynchronizedWithCurrentItem="True" HorizontalContentAlignment="Stretch">
+                        <ComboBox.ItemTemplate>
+                            <DataTemplate>
+                                <DockPanel>
+                                    <CommonControls:FontAwesome DockPanel.Dock="Right" Icon="f111" Size="12" IconStyle="Solid" >
+                                        <CommonControls:FontAwesome.Style>
+                                            <Style TargetType="{x:Type CommonControls:FontAwesome}" BasedOn="{StaticResource {x:Type CommonControls:FontAwesome}}">
+                                                <Setter Property="Color" Value="#10FFFFFF"/>
+                                                <Style.Triggers>
+                                                    <DataTrigger Binding="{Binding IsValid}" Value="True">
+                                                        <Setter Property="Color" Value="{StaticResource AccentColour1}"/>
+                                                    </DataTrigger>
+                                                </Style.Triggers>
+                                            </Style>
+                                        </CommonControls:FontAwesome.Style>
+                                    </CommonControls:FontAwesome>
+                                    <TextBlock Text="{Binding Name}" />
+                                </DockPanel>
+                            </DataTemplate>
+                        </ComboBox.ItemTemplate>
+                    </ComboBox>
+                </DockPanel>
+            </DockPanel>
+
+        </UniformGrid>
+    </Grid>
+</CommonControls:BaseControl>