What I have:
different video templates without logo
UI where users will select a template from that list
UI where users can upload their logotype, add mp3 file, text
What should be done:
new generated video based on this configuration.
What I found:
I can use ffmpeg and combine it all. But not sure how to make such animations with logo. Maybe there is existing gui.
I also found https://github.com/inlife/nexrender. But it works with Adobe After Effects and seems like what I need.
Example of result https://www.introbrand.com/logo-opening-mobiles.html
I'm not looking for the ready solution, just a few words - how to go, what to use..
This is absolutely new things for me, so if you could please suggest something or just tell me what's the best way - I'd appreciate this)
From what you described, I would say this is what you are looking for :https://creatomate.com/blog/video-rendering-with-nodejs-and-ffmpeg
Related
I need to dynamically generate images containing a persons photo and various bits of 'status' information. I have some designs from our designer.
Looking at the designs the easiest way (for me) would be to generate that look using the tools I know - HTML, CSS, ReactJs etc.
But how can I essentially 'take a screenshot' (on the server) of what the browser would see and then save that out to a PNG?
Ideally I'd like to do this in nodejs but happy to consider c# or java or other languages if need be.
I know that nodejs will let you run a 'headless browser' for testing but what I want to do is essentially 'take a visual snapshot' of what those browsers 'see' and save to a png?
Keen to write this and run it on our server so looking for suggestions involving how I could code this up rather than an external service, if possible.
Thanks in advance!
I am currently working on something of a soundcloud clone and for now I'm simply having all the audio files render as html5 audio tags. Are there any nice react equivalents I can npm install to make my audio a wave or appear dynamic? I'm very thankful for any suggestions!!!
In searching online for you, I see a few options available to you.
Here:
https://www.npmjs.com/package/react-audio-player
https://www.npmjs.com/package/react-audio
https://www.npmjs.com/package/react-audio-recorder (might not be as helpful, but worth noting)
https://www.npmjs.com/package/hymn
What exactly are you trying to achieve? These libraries might be helpful depending on the exact details.
This StackOverflow answer shows how to use your own controls to stylize the player however you so desire.
Is there any way to protect your sprites on EaselJS?
Currently is too easy to download the sprites.
On chrome just go to console -> resources like this
I made a resarch before i made this answer and found this topic .
That could be very nice. Also we don't need to save the slices in a json like he said, if we have a shuffle seed.
But, i didn't find any thing in nodejs(back-end) to make this image shuffle.
I tried Node GM but its looks too complicaded to bind a image on top of another with (w,h,x,y,offsetX,offsetY)
I know always will have a way to "hack" the resource. But at least offer some difficult.
One of the simple approaches is to encode images to base64, store them as part of Javascript and decode at runtime. See:
Convert and insert Base64 data to Canvas in Javascript
But obviously this will increase download size.
Personally, I would not go this route for "normal" applications or games, unless it is really justified or put on me as an external requirement. For example, one can easily extract assets from the android APK, but this does not seem an area of concern for most of the developers.
The user's browser downloads those images whether you want it or not. Otherwise, they wouldn't be able to display them.
At any given time, any user can just right click on any image on the site and click SAVE AS, you can't stop it, and you shouldn't try.
If you don't want people downloading your work, don't put it on the public facing internet.
All I want to do is duplicate the notes (don't need an upload control)
KeyFileName = WS.OpenFileDialog(False, "Select Key file", "Workflo Systems Key File|*.wfs")
I simply need the filename and path and want the user to only be able to select a file with a given extension. This is a piece of cake in LS but have not been able to find a way to do this in SSJS. Found several instances of requests for this functionality but not much in how to accomplish it.
This might depend on your browsers. If they are html5 compatible then check this out:
http://www.html5rocks.com/en/tutorials/file/dndfiles/
Since XPages includes Dojo then maybe this will help there:
https://dojotoolkit.org/reference-guide/1.8/dojox/form/FilePickerTextBox.html
Regardless you're going to need to do something with Client Side javaScript I'm sure.
Good Luck!
At the moment when you go to select an image inside an entry using the EE default file manager, the default view is 'show files as a list'.
Is there a way to show the thumbnail view as the default?
At this point I would be happy with a core hack.
I don't usually use the file manager for sites (much prefer Assets) but this client had a tight budget
I've wondered about doing this in the past as well - turns out it's pretty simple. Open up ee_filebrowser.js and search for the first instance of a("#dir_choice").val(). Immediately after that add this:
; a("#view_type").val('thumb').change();
Make sure you include the leading ;.
I've only tested this in Safari but I can't see why it wouldn't work everywhere. Incidentally, JS beautifier makes this sort of thing infinitely easier.
I don't recommend hacking core for any reason and I suggest it should be avoided at all cost.
With that said, I will provide what I've found out just the same.
Looks like the following files, in EE 2.5.3, are what you'd want to edit:
/themes/javascript/compressed/jquery/plugins/ee_filebrowser.js
/system/expressionengine/libraries/File_field.php
I found these doing a file search in my text editor for view_type which was from the id of that dropdown. The javascript is minified so you'd probably want to un-minify it and then rewrite the part which handles the switch. I'm not the best JS/jQuery person out there, and un-minified js makes it a bit harder too so, I won't offer any more than what I've found so far.
Consider pulling out the parts parts from the two files if you aren't great with js and maybe start a new post tagged accordingly.
Also note: there might be more to this than just those two files so consider this answer a start and nothing more.