negue / meme-box Goto Github PK
View Code? Open in Web Editor NEWManage and trigger media in OBS as a browser source
Home Page: meme-box.vercel.app
License: GNU Affero General Public License v3.0
Manage and trigger media in OBS as a browser source
Home Page: meme-box.vercel.app
License: GNU Affero General Public License v3.0
and streamdeck plugin icon
and others..
better names for obs urls
and so on
maybe something like "screen" or "scene" that way it's a bit .... better understandable ?
When adding new media, the add and cancel button should be fixed to the bottom of the modal so they are independent of the scroll. Because if you have a large image added it gets a bit tricky to scroll down to click on the add button.
This only seems to happen when adding a new media and when editing it works like it should.
It would be nice to press a button, which trigger one randomly of a list of media clips.
Currently you can set up a clip, assign that to a screen, and manage the positions / animations. And then you trigger a clip, which will be shown on all assigned screens.
For this random clip of a list, there are possible implementation ways to trigger a random media clip on a screen:
a) Tags
- Use tags on media clips
- assign the media clips normally
- trigger a tag instead of a clip
Pro:
- each clip still can have its own animations / settings
Neutral:
- add another type to trigger on the mobile view / streamdeck plugin, but that much of work
Contra:
- another setting / list to manage / view
b) Meta-Media Clip
- Assign a meta clip to a screen
- assign all other clips to this meta clip
- trigger this meta clip
Pro:
- no need to change on the mobile view / streamdeck plugin
Neutral:
- all clips will be in the same position / animation, depending on the usecase maybe even a contra
Contra:
- confusing to have a meta clip that will link other clips
c) Let the streamdeck decide
Pro:
?
Neutral:
-
Contra:
- what about the mobile view / twitch? or any other upcoming trigger source
d) any other
Now that there is material css vars added, we could have custom button colors per page :)
@whitep4nth3r what do you think ?
If you have a picture or audio but want to trigger something together
I tried https://github.com/thedzy/run-your-script-as-an-application but the binary / shell script not starting
If anyone knows how to, please add an example or pullrequest to the github CI file
After deleting the only screen that was added this showed up:
After refreshing the page I was able to add/delete new screens. And the error didn't show up again.
After deleting a screen (the only screen that exists) and than adding a new one it imports all the media from the media page.
It might be annoying having to go and unselect a lot of media if you have a large library. And don't want them all on the same screen.
There should be some validation added to the form when adding new events so that warn or prevent the event to be saved that has the same command twice.
Example:
add:
name: event #1
event: message
meme: img
contains: !wow
Expected outcome: This should save the event
try to add again:
name: event #1
event: message
meme: img
contains: !wow
Expected outcome: This should show an error that the event with the command !wow already exists.
Additional suggestions: Offer to either save the event with the same command as well or change the command to something else, as someone might want to trigger more than one event with a single command
A issue to list all the stuff first
"Can we have a 'preview' command on each screen card?"
=> should the button trigger ALL clips for preview?
with parcel? or rome?
tried:
parcel build
=> weird i is not a function
errorand many other ideas
Views maybe as table / tree / something
Having all possible values visible
tbc
maybe extract to negue/gewd
step 1 - per screen
step 2 - per screen / media -clip
this also needs more css classes to use
'../../../' => ' @somePath/file'
When displaying the list of available twitch events, if the event has a command associated with it, it should be displayed in the list of events as well.
Example: Test - Event: message - Clip: Test img #1 - Command: !wow
Angular Animations needs to be specific, for "dynamic" animations it would have to be a large *ngSwitchCase per type which isn't really "ideal"
Maybe just using css animations itself, those can be applied a bit more dynamic
On a new media, it would be nice to already select the target screens for it
๐ and others
maybe use the center as the base and the positions to move it from there?
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.