elgatosf / streamdeck-pisamples Goto Github PK
View Code? Open in Web Editor NEWStream Deck SDK: PISamples sample plugin
Home Page: https://developer.elgato.com/documentation/stream-deck/
License: MIT License
Stream Deck SDK: PISamples sample plugin
Home Page: https://developer.elgato.com/documentation/stream-deck/
License: MIT License
This sample is kind of awesome, thank you! How do I initialize the state of the radio buttons using the JS and not the HTML?
Here is my html, lifted almost exactly from the sample code.
<div type="radio" class="sdpi-item" id="tickermode">
<div class="sdpi-item-label">Source</div>
<div class="sdpi-item-value ">
<div class="sdpi-item-child">
<input id="rdio1" type="radio" name="mytickermode" value="crypto">
<label for="rdio1" class="sdpi-item-label"><span></span>Crypto</label>
</div>
<div class="sdpi-item-child">
<input id="rdio2" type="radio" name="mytickermode" value="stocks">
<label for="rdio2" class="sdpi-item-label"><span></span>Stocks</label>
</div>
</div>
</div>
I have been working in the connectElgatoStreamDeckSocket
function to preload the settings object if certain values are not found.
settings = {"tickermode":"stocks", "mynameinput":"myName"};
and
settings = {"mytickermode":"stocks", "mynameinput":"myName"};
These values make no changes to the UI. How should I set the value so that the UI is updated? What function should I call to update the UI?
Accessibility doesn't seem to be uniformly applied in the HTML samples.
For example, labels are required to identify elements to users who rely on Assistive Technology to navigate forms.
While some elements do have an accompanying label
, others just div.sdpi-item-label
.
Of course this is part of a bigger question about how you handle Accessibility for the Stream Deck window and everything else in it.
how can i store settings / values to be used again when the streamdeck app restarts ?
i tried setglobalsettings but these settings are not stored when restarting the software
Hello guys! Could you add an example of how to bind a field with a global setting?
I want to have a button that sets up properties to all instances of that button, but I'm not being able to figure out how to use the Stream Deck SDK for that. Would really appreciate if you can add an example of working with global settings.
i have a plugin in javascript where i use both setSettings and setGlobalSettings,
setGlobalSettings is working fine, but i need each button to retreive some information from my api every second, for that i need to know which field is selected on the dropdown in my pi but its different for every button, so i need the setsettings for that.
everything fine until i receive didReceiveSettings in my main code, how do i store it to a variable i can recall everytime i run the command for the api, but the variable needs to be different for each button.
i tried:
else if(event == "didReceiveSettings") { var jsonPayload = jsonObj['payload']; var globalsettings = jsonPayload['settings']; myid= globalsettings["id"]; }
which works but the variable myid is updated for all my buttons
Hi all,
i am creating a streamdeck plugin in javascript with two buttons, one to login to our api and one to send specific commands to it.
The login button works fine, i can login and retreive a token from our api.
Now once logged in i need to change the options in the select list of button 2 to all the options that are retreived from the api.
How can i dynamicly add and remove options from a list in a buttons property inspector ?
The clickTab()
function (which is the same as the one in the docs) contains this line: activeTab = clickedTab.dataset?.target;
, but activeTab
is not defined nor used anywhere in the rest of the code. I guess this comes from a previous version of the function, but it should be removed
streamdeck-pisamples/Sources/com.elgato.pisamples.sdPlugin/js/index_pi.js
Lines 115 to 128 in 2e2d0d4
I am using Windows 10
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.