├── img └── wpf-app-screenshot.png ├── solution-webapp ├── package.json └── index.html ├── solution-wpfapp ├── App.xaml ├── App.xaml.cs ├── solution-wpfapp.csproj ├── AssemblyInfo.cs ├── MainWindow.xaml ├── MainWindow.xaml.cs ├── solution-wpfapp.sln ├── ExamWindow.xaml └── ExamWindow.xaml.cs ├── README.md └── .gitignore /img/wpf-app-screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dyte-io/wpf-samples/HEAD/img/wpf-app-screenshot.png -------------------------------------------------------------------------------- /solution-webapp/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "solution-webapp", 3 | "version": "1.0.0", 4 | "description": "Backend or webapp for WPF app", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "Mayur Tendulkar (Dyte)", 10 | "license": "ISC" 11 | } 12 | -------------------------------------------------------------------------------- /solution-wpfapp/App.xaml: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /solution-wpfapp/App.xaml.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Configuration; 4 | using System.Data; 5 | using System.Linq; 6 | using System.Threading.Tasks; 7 | using System.Windows; 8 | 9 | namespace solution_wpfapp 10 | { 11 | /// 12 | /// Interaction logic for App.xaml 13 | /// 14 | public partial class App : Application 15 | { 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /solution-wpfapp/solution-wpfapp.csproj: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | WinExe 5 | net6.0-windows 6 | solution_wpfapp 7 | enable 8 | true 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /solution-wpfapp/AssemblyInfo.cs: -------------------------------------------------------------------------------- 1 | using System.Windows; 2 | 3 | [assembly: ThemeInfo( 4 | ResourceDictionaryLocation.None, //where theme specific resource dictionaries are located 5 | //(used if a resource is not found in the page, 6 | // or application resource dictionaries) 7 | ResourceDictionaryLocation.SourceAssembly //where the generic resource dictionary is located 8 | //(used if a resource is not found in the page, 9 | // app, or any theme specific resource dictionaries) 10 | )] 11 | -------------------------------------------------------------------------------- /solution-wpfapp/MainWindow.xaml: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | Welcome to ExamCenter v1.0 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /solution-wpfapp/MainWindow.xaml.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Text; 5 | using System.Threading.Tasks; 6 | using System.Windows; 7 | using System.Windows.Controls; 8 | using System.Windows.Data; 9 | using System.Windows.Documents; 10 | using System.Windows.Input; 11 | using System.Windows.Media; 12 | using System.Windows.Media.Imaging; 13 | using System.Windows.Navigation; 14 | using System.Windows.Shapes; 15 | 16 | namespace solution_wpfapp 17 | { 18 | /// 19 | /// Interaction logic for MainWindow.xaml 20 | /// 21 | public partial class MainWindow : Window 22 | { 23 | public MainWindow() 24 | { 25 | InitializeComponent(); 26 | } 27 | 28 | private void ContinueButtonClick(object sender, RoutedEventArgs e) 29 | { 30 | new ExamWindow().Show(); 31 | this.Close(); 32 | } 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /solution-wpfapp/solution-wpfapp.sln: -------------------------------------------------------------------------------- 1 | 2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio Version 17 4 | VisualStudioVersion = 17.4.33122.133 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "solution-wpfapp", "solution-wpfapp.csproj", "{740C9682-45DD-4C36-AA97-B1F44FAC19D2}" 7 | EndProject 8 | Global 9 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 10 | Debug|Any CPU = Debug|Any CPU 11 | Release|Any CPU = Release|Any CPU 12 | EndGlobalSection 13 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 14 | {740C9682-45DD-4C36-AA97-B1F44FAC19D2}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 15 | {740C9682-45DD-4C36-AA97-B1F44FAC19D2}.Debug|Any CPU.Build.0 = Debug|Any CPU 16 | {740C9682-45DD-4C36-AA97-B1F44FAC19D2}.Release|Any CPU.ActiveCfg = Release|Any CPU 17 | {740C9682-45DD-4C36-AA97-B1F44FAC19D2}.Release|Any CPU.Build.0 = Release|Any CPU 18 | EndGlobalSection 19 | GlobalSection(SolutionProperties) = preSolution 20 | HideSolutionNode = FALSE 21 | EndGlobalSection 22 | GlobalSection(ExtensibilityGlobals) = postSolution 23 | SolutionGuid = {A8771945-02A9-4EBE-B060-183C11ACF51D} 24 | EndGlobalSection 25 | EndGlobal 26 | -------------------------------------------------------------------------------- /solution-wpfapp/ExamWindow.xaml: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /solution-webapp/index.html: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Dyte Meeting 16 | 17 | 21 | 22 | 23 | 24 | 25 |
26 | 27 |
28 | 61 | 62 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # wpf-samples 2 | 3 | ## Contents 4 | 1. [Introduction](#introduction) 5 | 2. [About This Repository](#about-this-repository) 6 | 3. [Setting Up the Project](#setting-up-the-project) 7 | - [Prerequisites](#prerequisites) 8 | - [Installation Steps](#installation-steps) 9 | 4. [Usage](#usage) 10 | 5. [Contributing](#contributing) 11 | 6. [License](#license) 12 | 13 | ## Introduction 14 | Dyte is a technology company specializing in real-time communication solutions. Our products are designed to enable seamless and efficient video interactions in various applications, ranging from virtual meetings to interactive live streaming. The offerings are known for their robust performance, scalability, and ease of integration. 15 | 16 | ## About This Repository 17 | 18 | ## Microsoft Windows Presentation Foundation (WPF) App with Microsoft Edge WebView2 19 | 20 | 21 | 22 | 23 | Microsoft Windows Presentation Foundation (WPF) is a framework to build graphical interfaces / applications for Microsoft Windows Platform. 24 | 25 | With Microsoft Edge WebView2, we can bring the web capabilities to WPF applications and build a hybrid app. 26 | 27 | This sample demonstrates integrating Dyte Meeting running on Microsoft Edge WebView2, inside a WPF application. 28 | 29 | 30 | ## Steps to build & run this application: 31 | 32 | Minimum Requirements: 33 | - Operating System: Windows 7 and above 34 | - Runtime: .NET Framework 6.0 35 | - Runtime: Microsoft Edge WebView 2 36 | - For WPF App: Visual Studio 2022 [Community Edition will do] 37 | - For Web App: Visual Studio Core or Visual Studio 2022 [Community Edition will do] 38 | 39 | ### Step 1: Clone the repository: 40 | 41 | This repository has 2 projects: 42 | - solution-webapp: A web app with Dyte Meeting components 43 | - solution-wpfapp: A WPF app embedding webapp 44 | 45 | ### Step 2: Start Dyte Meeting: 46 | 47 | Using Dyte REST APIs, create a meeting and add participant to it. More details available here: 48 | Once you call these APIs, you'll have: 49 | 50 | roomName (Example: 51 | authToken (Example: 52 | 53 | 54 | ### Step 3: Run Web App 55 | 56 | Use Visual Studio Code with Live Server or Visual Studio and run the Web App. 57 | 58 | Format the URL like: 59 | 60 | http://127.0.0.1:5500/index.html?roomName=[roomname]&authToken=[authtoken] 61 | 62 | ### Step 4: Run WPF App 63 | 64 | Use Visual Studio to open WPF app. In that project edit `ExamWindow.xaml` with values for `host`, `url`, `roomName` and `authToken`. 65 | 66 | Run the WPF app while making sure that Web App is running. 67 | 68 | ### Step 5: Start / Stop Recording 69 | 70 | Use Dyte REST APIs to start/stop recording and observe the events passed from Web App to WPF app. 71 | 72 | ![](/img/wpf-app-screenshot.png) 73 | 74 | ## Support 75 | If you need any help with the sample, create an issue in this repository or reach out to us on: [https://community.dyte.io](https://community.dyte.io "Dyte Community") 76 | -------------------------------------------------------------------------------- /solution-wpfapp/ExamWindow.xaml.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Text; 5 | using System.Threading.Tasks; 6 | using System.Windows; 7 | using System.Windows.Controls; 8 | using System.Windows.Data; 9 | using System.Windows.Documents; 10 | using System.Windows.Input; 11 | using System.Windows.Media; 12 | using System.Windows.Media.Imaging; 13 | using System.Windows.Shapes; 14 | 15 | namespace solution_wpfapp 16 | { 17 | /// 18 | /// Interaction logic for ExamWindow.xaml 19 | /// 20 | public partial class ExamWindow : Window 21 | { 22 | 23 | public ExamWindow() 24 | { 25 | InitializeComponent(); 26 | Loaded += ExamWindowLoaded; 27 | ParticipantWebView.WebMessageReceived += ParticipantWebViewWebMessageReceived; 28 | SendMessage.Click += SendMessageClick; 29 | InitializeAsync(); 30 | } 31 | 32 | async void InitializeAsync() 33 | { 34 | await ParticipantWebView.EnsureCoreWebView2Async(null); 35 | } 36 | 37 | /// 38 | /// Send messages to participants as Chat messages to see communication 39 | /// 40 | /// 41 | /// 42 | private void SendMessageClick(object sender, RoutedEventArgs e) 43 | { 44 | ParticipantWebView.ExecuteScriptAsync($"meeting.chat.sendTextMessage('{ChatMessage.Text}');"); 45 | } 46 | 47 | /// 48 | /// Messages received from Dyte Web Backend will be received here! 49 | /// 50 | /// 51 | /// 52 | private void ParticipantWebViewWebMessageReceived(object? sender, Microsoft.Web.WebView2.Core.CoreWebView2WebMessageReceivedEventArgs e) 53 | { 54 | MessageBox.Show(e.WebMessageAsJson); 55 | } 56 | 57 | private void ExamWindowLoaded(object sender, RoutedEventArgs e) 58 | { 59 | var host = string.Empty; //Example: http://127.0.0.1:5500"; 60 | var url = string.Empty; //Example: index.html; 61 | var roomName = string.Empty; //Example: kvxbov-ksabzy; 62 | var authToken = string.Empty; //Example: eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjViMDZkNmY4LWM2M2YtNDA5Ny05ZmYwLTU4NzdmZmJmOTFiZiIsImxvZ2dlZEluIjp0cnVlLCJpYXQiOjE2NzIwMjc4NzksImV4cCI6MTY4MDY2Nzg3OX0.rvme95rRweh8ntafl042wMITiYQ4DLNuApHlarDg8A-4qU5r2q1Lg-B7Ev3rOWerXnhrlr0bIHCCsNoQVAc7wSq9gGBmfLhJvNJn3mtS1ief004YfpKpxAfnOhkVk8oRAcgBrmJxhVEZuxPQvD3--aEbdkRctqHo9z0JfZCnE2PaCPDa2uYOQhf4sFfORGfbTjPtdjs3FsR2gmSIu-nY0hHW3uStfuccA7s04gXy7-u9yVr18ibOColszxe4EONRyfV2uiouXZutCD_T6u9YMukk3RxkmK5LI7eFzWsc_gUmrpUahKoThmvh8PeiHwOSzWJd-BsJFHHPpKe0ivQIhg; 63 | 64 | var source = new Uri(string.Concat(host, "/", url, "?", "roomName=", roomName, "&authToken=", authToken)); 65 | ParticipantWebView.Source = new Uri(source.ToString()); 66 | } 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | ## 4 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore 5 | 6 | # User-specific files 7 | *.rsuser 8 | *.suo 9 | *.user 10 | *.userosscache 11 | *.sln.docstates 12 | 13 | # User-specific files (MonoDevelop/Xamarin Studio) 14 | *.userprefs 15 | 16 | # Mono auto generated files 17 | mono_crash.* 18 | 19 | # Build results 20 | [Dd]ebug/ 21 | [Dd]ebugPublic/ 22 | [Rr]elease/ 23 | [Rr]eleases/ 24 | x64/ 25 | x86/ 26 | [Aa][Rr][Mm]/ 27 | [Aa][Rr][Mm]64/ 28 | bld/ 29 | [Bb]in/ 30 | [Oo]bj/ 31 | [Ll]og/ 32 | [Ll]ogs/ 33 | 34 | # Visual Studio 2015/2017 cache/options directory 35 | .vs/ 36 | # Uncomment if you have tasks that create the project's static files in wwwroot 37 | #wwwroot/ 38 | 39 | # Visual Studio 2017 auto generated files 40 | Generated\ Files/ 41 | 42 | # MSTest test Results 43 | [Tt]est[Rr]esult*/ 44 | [Bb]uild[Ll]og.* 45 | 46 | # NUnit 47 | *.VisualState.xml 48 | TestResult.xml 49 | nunit-*.xml 50 | 51 | # Build Results of an ATL Project 52 | [Dd]ebugPS/ 53 | [Rr]eleasePS/ 54 | dlldata.c 55 | 56 | # Benchmark Results 57 | BenchmarkDotNet.Artifacts/ 58 | 59 | # .NET Core 60 | project.lock.json 61 | project.fragment.lock.json 62 | artifacts/ 63 | 64 | # StyleCop 65 | StyleCopReport.xml 66 | 67 | # Files built by Visual Studio 68 | *_i.c 69 | *_p.c 70 | *_h.h 71 | *.ilk 72 | *.meta 73 | *.obj 74 | *.iobj 75 | *.pch 76 | *.pdb 77 | *.ipdb 78 | *.pgc 79 | *.pgd 80 | *.rsp 81 | *.sbr 82 | *.tlb 83 | *.tli 84 | *.tlh 85 | *.tmp 86 | *.tmp_proj 87 | *_wpftmp.csproj 88 | *.log 89 | *.vspscc 90 | *.vssscc 91 | .builds 92 | *.pidb 93 | *.svclog 94 | *.scc 95 | 96 | # Chutzpah Test files 97 | _Chutzpah* 98 | 99 | # Visual C++ cache files 100 | ipch/ 101 | *.aps 102 | *.ncb 103 | *.opendb 104 | *.opensdf 105 | *.sdf 106 | *.cachefile 107 | *.VC.db 108 | *.VC.VC.opendb 109 | 110 | # Visual Studio profiler 111 | *.psess 112 | *.vsp 113 | *.vspx 114 | *.sap 115 | 116 | # Visual Studio Trace Files 117 | *.e2e 118 | 119 | # TFS 2012 Local Workspace 120 | $tf/ 121 | 122 | # Guidance Automation Toolkit 123 | *.gpState 124 | 125 | # ReSharper is a .NET coding add-in 126 | _ReSharper*/ 127 | *.[Rr]e[Ss]harper 128 | *.DotSettings.user 129 | 130 | # TeamCity is a build add-in 131 | _TeamCity* 132 | 133 | # DotCover is a Code Coverage Tool 134 | *.dotCover 135 | 136 | # AxoCover is a Code Coverage Tool 137 | .axoCover/* 138 | !.axoCover/settings.json 139 | 140 | # Visual Studio code coverage results 141 | *.coverage 142 | *.coveragexml 143 | 144 | # NCrunch 145 | _NCrunch_* 146 | .*crunch*.local.xml 147 | nCrunchTemp_* 148 | 149 | # MightyMoose 150 | *.mm.* 151 | AutoTest.Net/ 152 | 153 | # Web workbench (sass) 154 | .sass-cache/ 155 | 156 | # Installshield output folder 157 | [Ee]xpress/ 158 | 159 | # DocProject is a documentation generator add-in 160 | DocProject/buildhelp/ 161 | DocProject/Help/*.HxT 162 | DocProject/Help/*.HxC 163 | DocProject/Help/*.hhc 164 | DocProject/Help/*.hhk 165 | DocProject/Help/*.hhp 166 | DocProject/Help/Html2 167 | DocProject/Help/html 168 | 169 | # Click-Once directory 170 | publish/ 171 | 172 | # Publish Web Output 173 | *.[Pp]ublish.xml 174 | *.azurePubxml 175 | # Note: Comment the next line if you want to checkin your web deploy settings, 176 | # but database connection strings (with potential passwords) will be unencrypted 177 | *.pubxml 178 | *.publishproj 179 | 180 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 181 | # checkin your Azure Web App publish settings, but sensitive information contained 182 | # in these scripts will be unencrypted 183 | PublishScripts/ 184 | 185 | # NuGet Packages 186 | *.nupkg 187 | # NuGet Symbol Packages 188 | *.snupkg 189 | # The packages folder can be ignored because of Package Restore 190 | **/[Pp]ackages/* 191 | # except build/, which is used as an MSBuild target. 192 | !**/[Pp]ackages/build/ 193 | # Uncomment if necessary however generally it will be regenerated when needed 194 | #!**/[Pp]ackages/repositories.config 195 | # NuGet v3's project.json files produces more ignorable files 196 | *.nuget.props 197 | *.nuget.targets 198 | 199 | # Microsoft Azure Build Output 200 | csx/ 201 | *.build.csdef 202 | 203 | # Microsoft Azure Emulator 204 | ecf/ 205 | rcf/ 206 | 207 | # Windows Store app package directories and files 208 | AppPackages/ 209 | BundleArtifacts/ 210 | Package.StoreAssociation.xml 211 | _pkginfo.txt 212 | *.appx 213 | *.appxbundle 214 | *.appxupload 215 | 216 | # Visual Studio cache files 217 | # files ending in .cache can be ignored 218 | *.[Cc]ache 219 | # but keep track of directories ending in .cache 220 | !?*.[Cc]ache/ 221 | 222 | # Others 223 | ClientBin/ 224 | ~$* 225 | *~ 226 | *.dbmdl 227 | *.dbproj.schemaview 228 | *.jfm 229 | *.pfx 230 | *.publishsettings 231 | orleans.codegen.cs 232 | 233 | # Including strong name files can present a security risk 234 | # (https://github.com/github/gitignore/pull/2483#issue-259490424) 235 | #*.snk 236 | 237 | # Since there are multiple workflows, uncomment next line to ignore bower_components 238 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 239 | #bower_components/ 240 | 241 | # RIA/Silverlight projects 242 | Generated_Code/ 243 | 244 | # Backup & report files from converting an old project file 245 | # to a newer Visual Studio version. Backup files are not needed, 246 | # because we have git ;-) 247 | _UpgradeReport_Files/ 248 | Backup*/ 249 | UpgradeLog*.XML 250 | UpgradeLog*.htm 251 | ServiceFabricBackup/ 252 | *.rptproj.bak 253 | 254 | # SQL Server files 255 | *.mdf 256 | *.ldf 257 | *.ndf 258 | 259 | # Business Intelligence projects 260 | *.rdl.data 261 | *.bim.layout 262 | *.bim_*.settings 263 | *.rptproj.rsuser 264 | *- [Bb]ackup.rdl 265 | *- [Bb]ackup ([0-9]).rdl 266 | *- [Bb]ackup ([0-9][0-9]).rdl 267 | 268 | # Microsoft Fakes 269 | FakesAssemblies/ 270 | 271 | # GhostDoc plugin setting file 272 | *.GhostDoc.xml 273 | 274 | # Node.js Tools for Visual Studio 275 | .ntvs_analysis.dat 276 | node_modules/ 277 | 278 | # Visual Studio 6 build log 279 | *.plg 280 | 281 | # Visual Studio 6 workspace options file 282 | *.opt 283 | 284 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.) 285 | *.vbw 286 | 287 | # Visual Studio LightSwitch build output 288 | **/*.HTMLClient/GeneratedArtifacts 289 | **/*.DesktopClient/GeneratedArtifacts 290 | **/*.DesktopClient/ModelManifest.xml 291 | **/*.Server/GeneratedArtifacts 292 | **/*.Server/ModelManifest.xml 293 | _Pvt_Extensions 294 | 295 | # Paket dependency manager 296 | .paket/paket.exe 297 | paket-files/ 298 | 299 | # FAKE - F# Make 300 | .fake/ 301 | 302 | # CodeRush personal settings 303 | .cr/personal 304 | 305 | # Python Tools for Visual Studio (PTVS) 306 | __pycache__/ 307 | *.pyc 308 | 309 | # Cake - Uncomment if you are using it 310 | # tools/** 311 | # !tools/packages.config 312 | 313 | # Tabs Studio 314 | *.tss 315 | 316 | # Telerik's JustMock configuration file 317 | *.jmconfig 318 | 319 | # BizTalk build output 320 | *.btp.cs 321 | *.btm.cs 322 | *.odx.cs 323 | *.xsd.cs 324 | 325 | # OpenCover UI analysis results 326 | OpenCover/ 327 | 328 | # Azure Stream Analytics local run output 329 | ASALocalRun/ 330 | 331 | # MSBuild Binary and Structured Log 332 | *.binlog 333 | 334 | # NVidia Nsight GPU debugger configuration file 335 | *.nvuser 336 | 337 | # MFractors (Xamarin productivity tool) working folder 338 | .mfractor/ 339 | 340 | # Local History for Visual Studio 341 | .localhistory/ 342 | 343 | # BeatPulse healthcheck temp database 344 | healthchecksdb 345 | 346 | # Backup folder for Package Reference Convert tool in Visual Studio 2017 347 | MigrationBackup/ 348 | 349 | # Ionide (cross platform F# VS Code tools) working folder 350 | .ionide/ 351 | --------------------------------------------------------------------------------