C-sharp Stream Deck plugin development: Difference between revisions

From munkjensen.net/wiki
mNo edit summary
mNo edit summary
Line 1: Line 1:
The [https://www.elgato.com/en/stream-deck Elgato Stream Deck] has transformed live streaming, production, and general productivity. It is a nifty little box with customizable buttons that can do just about anything. Best of all, you can build custom plugins and extensions. [https://youtu.be/D5AZ_6S0f94 Join James Montemagno] as he walk through what the Elgato Stream Deck is, what it can do, and how you can build your first Plugin completely in C# and .NET!
The [https://www.elgato.com/en/stream-deck Elgato Stream Deck] has transformed live streaming, production, and general productivity. It is a nifty little box with customizable buttons that can do just about anything. Best of all, you can build custom plugins and extensions. [https://youtu.be/D5AZ_6S0f94 Join James Montemagno] as he walk through what the Elgato Stream Deck is, what it can do, and how you can build your first Plugin completely in C# and .NET!
* [https://github.com/FritzAndFriends/StreamDeckToolkit StreamDeckToolkit] is a Visual Studio template to help create plugins for the Elgato Stream Deck, using the [https://developer.elgato.com/documentation/stream-deck/sdk/overview/#sdk Stream Deck SDK] with Dotnet Core.
# [https://github.com/FritzAndFriends/StreamDeckToolkit StreamDeckToolkit] is a Visual Studio template to help create plugins for the Elgato Stream Deck, using the [https://developer.elgato.com/documentation/stream-deck/sdk/overview/#sdk Stream Deck SDK] with Dotnet Core.
* Actual webinar [https://youtu.be/D5AZ_6S0f94?t=996 starts at 16:36] with an explanation on what a Stream Deck is and how it works.
# Actual webinar [https://youtu.be/D5AZ_6S0f94?t=996 starts at 16:36] with an explanation on '''what a Stream Deck is and how it works'''.
* Development talk [https://youtu.be/D5AZ_6S0f94?t=1933 starts around 32:14] with the Plugin UI as focus.
# '''Development talk''' [https://youtu.be/D5AZ_6S0f94?t=1933 starts around 32:14] with the Plugin UI as focus.
* UI elements (properties) are shown [https://youtu.be/D5AZ_6S0f94?t=2052 from 34:12]
# '''UI elements''' (properties) are shown [https://youtu.be/D5AZ_6S0f94?t=2052 from 34:12]
* Stream Deck architecture is explained from [https://youtu.be/D5AZ_6S0f94?t=2171 36:11]
# Stream Deck '''architecture''' is explained from [https://youtu.be/D5AZ_6S0f94?t=2171 36:11]
*"Inside a Plugin" starts [https://youtu.be/D5AZ_6S0f94?t=2294 at 38:14]
#"'''Inside a Plugin'''" starts [https://youtu.be/D5AZ_6S0f94?t=2294 at 38:14]
*"Events" [https://youtu.be/D5AZ_6S0f94?t=2294 starts at 40:14]  
#"'''Events'''" [https://youtu.be/D5AZ_6S0f94?t=2294 starts at 40:14]  
*There is an "Emulator" that emulate keypresses and [https://youtu.be/D5AZ_6S0f94?t=2488 it is explained at 41:28]
#There is an "'''Emulator'''" that emulate keypresses and [https://youtu.be/D5AZ_6S0f94?t=2488 it is explained at 41:28]
*Get Started with StreamDeckToolkit starts [https://youtu.be/D5AZ_6S0f94?t=2521 at 42:01]
#'''Get Started''' with StreamDeckToolkit starts [https://youtu.be/D5AZ_6S0f94?t=2521 at 42:01]
*"Create Project" --> [https://youtu.be/D5AZ_6S0f94?t=2587 43:07]
#"'''Create Project'''" --> [https://youtu.be/D5AZ_6S0f94?t=2587 43:07]
*Content "In the project" [https://youtu.be/D5AZ_6S0f94?t=2641 starts at 44:01] - Assets, Models, UI Css/HTML, Manifest & Action Code
#Content "'''In the project'''" [https://youtu.be/D5AZ_6S0f94?t=2641 starts at 44:01] - Assets, Models, UI Css/HTML, Manifest & Action Code
*Let's do it - practical demo of a simple counter [https://youtu.be/D5AZ_6S0f94?t=2727 starts at 45:27]
#Let's do it - practical demo of a simple counter [https://youtu.be/D5AZ_6S0f94?t=2727 starts at 45:27]
*
#The five '''important files''' are explained from [https://youtu.be/D5AZ_6S0f94?t=2821 47:01 and forward]
#The '''manifest.json''' file - [https://youtu.be/D5AZ_6S0f94?t=2822 47:02]
#The '''property.inspector.html''' file - [https://youtu.be/D5AZ_6S0f94?t=2940 49:00]
#The '''property-inspector.js''' file - [https://youtu.be/D5AZ_6S0f94?t=3002 50.02]
#The '''CounterSettingsModel.cs''' file - [https://youtu.be/D5AZ_6S0f94?t=3069 51:09]
#The '''MyPluginActions.cs''' file - [https://youtu.be/D5AZ_6S0f94?t=3091 51:31]
#'''First Build and Run''' of the demo Counter Plugin - [https://youtu.be/D5AZ_6S0f94?t=3193 53:13]
#Build events runs a PowerShell script that takes care of everything - [https://youtu.be/D5AZ_6S0f94?t=3230 53:50]
#Putting the plugin to use on the Stream Deck - [https://youtu.be/D5AZ_6S0f94?t=3264 54:24]
#Tapping the buton makes a bunch of things happen - [https://youtu.be/D5AZ_6S0f94?t=3401 56:41]
#Going ''beond the counter actions example'' starts at [https://youtu.be/D5AZ_6S0f94?t=3473 57:53]
#Making sure the events are beeing passed back and forth  - [https://youtu.be/D5AZ_6S0f94?t=3753 1:02:33]
#Build the plugin again - [https://youtu.be/D5AZ_6S0f94?t=3838 1:03:58]
#Using the text file in OBS - [https://youtu.be/D5AZ_6S0f94?t=3896 1:04:56]
#So! - there you have it - Litterally just wrote a dot.net C# plugin for Stream Deck - [https://youtu.be/D5AZ_6S0f94?t=4041 1:07:21]
 
 
[https://youtu.be/D5AZ_6S0f94?t=4089 Resources]
 
* Stream Deck - https://elgato.com/en/gaming/stream-deck
* Stream Deck SDK - https://developer.elgato.com/documentation/stream-deck/sdk/overview/
* Stream Deck Toolkit - https://github.com/FritzAndFriends/StreamDeckToolkit
* Stream Deck Emulator - https://github.com/FritzAndFriends/StreamDeckEmulator
* James Stream Timer - https://github.com/jamesmontemagno/streamdeck-treecount
* Code - https://github.com/jamesmontemagno/streamdeck-treecount

Revision as of 18:26, 4 July 2022

The Elgato Stream Deck has transformed live streaming, production, and general productivity. It is a nifty little box with customizable buttons that can do just about anything. Best of all, you can build custom plugins and extensions. Join James Montemagno as he walk through what the Elgato Stream Deck is, what it can do, and how you can build your first Plugin completely in C# and .NET!

  1. StreamDeckToolkit is a Visual Studio template to help create plugins for the Elgato Stream Deck, using the Stream Deck SDK with Dotnet Core.
  2. Actual webinar starts at 16:36 with an explanation on what a Stream Deck is and how it works.
  3. Development talk starts around 32:14 with the Plugin UI as focus.
  4. UI elements (properties) are shown from 34:12
  5. Stream Deck architecture is explained from 36:11
  6. "Inside a Plugin" starts at 38:14
  7. "Events" starts at 40:14
  8. There is an "Emulator" that emulate keypresses and it is explained at 41:28
  9. Get Started with StreamDeckToolkit starts at 42:01
  10. "Create Project" --> 43:07
  11. Content "In the project" starts at 44:01 - Assets, Models, UI Css/HTML, Manifest & Action Code
  12. Let's do it - practical demo of a simple counter starts at 45:27
  13. The five important files are explained from 47:01 and forward
  14. The manifest.json file - 47:02
  15. The property.inspector.html file - 49:00
  16. The property-inspector.js file - 50.02
  17. The CounterSettingsModel.cs file - 51:09
  18. The MyPluginActions.cs file - 51:31
  19. First Build and Run of the demo Counter Plugin - 53:13
  20. Build events runs a PowerShell script that takes care of everything - 53:50
  21. Putting the plugin to use on the Stream Deck - 54:24
  22. Tapping the buton makes a bunch of things happen - 56:41
  23. Going beond the counter actions example starts at 57:53
  24. Making sure the events are beeing passed back and forth - 1:02:33
  25. Build the plugin again - 1:03:58
  26. Using the text file in OBS - 1:04:56
  27. So! - there you have it - Litterally just wrote a dot.net C# plugin for Stream Deck - 1:07:21


Resources