This is a simple tool to allow you to create WebM files with changing aspect ratios.
License: GNU General Public License v3.0
I am a Student and Full Stack Developer from the United States.
wscat -c wss://starwars.oirnoir.dev to watch star wars in your terminal!
some small issues that arent really big enough to justify opening a PR for them (~5 minutes each at most)
Keyframes <path to csv file>, whereas it's actually just Keyframes with an extra -k <path> argument somewherebounce modes try to access info.framerate when it should be info.frameRate (capital R)linear the default (and allow only 3 fields per row) - easy fix (keyframes.js, line 69: const interpolation = line[3] ?? "linear")less trivial, might have to look into these, not sure:
I've tried installing ffmpeg, node.js, and wackywebm on two machines. It worked breifly on my laptop for little while, then it stopped working. I then tried it within a fresh VM and got the error again.
ffmpeg env variables were set, node.js was installed from the msi, and downloaded necessary dependencies "upug.js" with npm (think it was called). I made sure that windows host scripting was enabled in the registry. I cannot for the life of me figure out what is going on. I attached an image of the error.
I have tried redownloading the git, and re installing wackywebm. I tried running it out of the root of C:, my desktop, and my downloads folder. I did work out of my downloads folder previously, and then it just never worked again.
I want to help dev this so I can make a windows/Linux/macOS GUI so it’s easier for idiot
I want to help dev this so I can make a windows/Linux/macOS GUI so it’s easier for idiot
I want to help dev this so I can make a windows/Linux/macOS GUI so it’s easier for idiot
I want to help dev this so I can make a windows/Linux/macOS GUI so it’s easier for idiot
Turkish language
no
tr.json
{
"no_translation": "ÇEVİRİLMEMİŞ DİZİN",
"select_mode_arrows": "Ok tuşlarıyla kullanmak için Modu seçin, ardından onaylamak için enter tuşuna basın.",
"change_options": "Herhangi bir seçeneği (tümü isteğe bağlıdır) değiştirmek için ilgili düğmeye basın. İşiniz bittiğinde enter'a basın.",
"change_options_k": "Herhangi bir seçeneği değiştirmek için (ana kare dosyası dışında tümü isteğe bağlıdır), ilgili düğmeye basın. İşiniz bittiğinde enter'a basın.",
"current_arg_values": "şu anda ayarlanmış argüman değerleri:",
"enter_arg_value": "Lütfen \"{arg}\" bağımsız değişkeni için istediğiniz değeri girin ve ardından onaylamak için enter tuşuna basın. İptal etmek için ESC tuşuna basın.",
"enter_file_path": "Lütfen dönüştürmek istediğiniz dosyanın yolunu girin (dosya adı ve varsa uzantı dahil)",
"review_settings": "Bunlar seçtiğiniz ayarlardır. Devam etmek istiyorsanız Enter'a basın. Değilse, programdan çıkın (Q veya Ctrl+C)",
"r_s_mode": "Mod:",
"r_s_args": "Değiştirilmiş Argümanlar:",
"r_s_file": "Seçilen dosya:",
"tui_done": "Tamamlandı! Bu arayüzü kapatmak için herhangi bir tuşa basın.",
"file_not_found": "Dosya bulunmuyor!",
"keyframes_file_needed": "Anahtar kareler bağımsız değişkenini ayarlamanız gerekir.",
"warning_template": "[WARNING] %s",
"error_template": "[ERROR] %s",
"parsing_keyframes": "{file} Ana Kare Dosyası ayrıştırılıyor...",
"load_mode_failed": "mod: {mode} yükleme başarısız",
"flag_locale_desc": "Kullanılan dili belirler",
"illegal_argument": "Geçersiz argüman: {arg}",
"arg_cannot_be_set": "{arg} bağımsız değişkeni ayarlanamıyor.",
"no_mode_selected": "Varsayılan \"{default}\ kullanılarak mod seçilmedi"",
"kf_file_not_found": "{file} KeyFrame dosyası bulunamadı.",
"kf_file_required": "KeyFrame dosyası gerekli, ancak hiçbiri verilmedi.",
"no_video_file": "Giriş video dosyası verilmedi.",
"video_file_not_found": "Video dosyası bulunamadı: \"{file}\"",
"info1": "Giriş dosyası: {video}.\nMinimum w/h {delta}px kullanılarak.\nGerekli giriş dosyası bilgileri ayıklanıyor...",
"info2": "Çözünürlük {w}x{h}.\nKare hızı {framerate} ({decframerate}).\nGiriş Bit Hızı {bitrate}.",
"config_header": "=========Yapılandırma=========",
"config_footer": "==============================",
"config_mode_list": "Modlar: {modlar}",
"bounce_speed": "Sıçrama Hızı: Saniyede {tempo} kez",
"rotate_speed": "Dönme Hızı: Saniyede {angle}°",
"keyframe_file": "Ana kare dosyası: {file}",
"output_bitrate": "Çıktı Bit Hızı: {bit hızı}",
"creating_temp_dirs": "Geçici dizinler oluşturuluyor...",
"splitting_audio": "Ses geçici bir dosyaya bölünüyor...",
"no_audio": "Ses algılanmadı.",
"splitting_frames": "Dosyayı çerçevelere bölme...",
"starting_conversion": "Çerçeveleri webm'ye dönüştürüyor...",
"convert_progress": "{framecount} kareyi webm'ye dönüştürülüyor (frames {startframe}-{endframe} / {batch_size}) - %{percent}",
"done_conversion": "Tüm {framecount} kareleri {time}ms cinsinden başarıyla dönüştürdü",
"writing_concat_file": "Concat dosyası yazılıyor...",
"concatenating": "Segmentleri son webm dosyasında birleştiriliyor",
"concatenating_audio": "Segmentleri birleştirme ve son webm dosyasına ses uygulanıyor",
"done_removing_temp": "Bitti!\nGeçici dosyalar kaldırılıyor...",
"error_during_update": "Güncellemeleri kontrol etmeye çalışırken bir hata oluştu: {error}",
"newer_version_available": "Daha yeni bir sürümü mevcut. Lütfen güncellemeyi düşünün.",
"excess_keyframes": "{time} karesinde fazla KeyFrame bulundu!",
"unrecognized_interpolation": "Başlangıç genişliği/yüksekliği kullanılarak tanınmayan enterpolasyon modu {which}."
}
No response
The required Node.JS and ffmpeg version should be added to the readme for extra clarification.
Originally posted by @tbukfrc in #124 (comment)
New mode
No
I want the ability to have the video stretch whether sideways or vertically
No response
When trying to make a video it says:
`node:internal/modules/cjs/loader:936
throw err;
^
Error: Cannot find module 'upng-js'
Require stack:
It should create the video as I wanted it to do
- OS: Windows 10
- Node: Node.js v17.3.0
- ffmpeg: ffmpeg-master-latest-win64-gpl-sharedPlease fix :)
Should be TypeScript
Is JavaScript
- OS: Windows 11
- Node: v16.16.0
- ffmpeg:No response
do i have to compile the files myself or something? cause i cant find the result
I get this error after pressing enter to proceed once I've typed the filename:
[ERROR] (node:59076) UnhandledPromiseRejectionWarning: TypeError: rawTranslation.replaceAll is not a function
at localizeString (C:\Users\jonas\Desktop\wackysize\WackyWebM\localization.js:45:78)
at main (C:\Users\jonas\Desktop\wackysize\WackyWebM\wackywebm.js:275:14)
at processTicksAndRejections (internal/process/task_queues.js:93:5)
at async redrawStage5 (C:\Users\jonas\Desktop\wackysize\WackyWebM\terminal-ui.js:106:3)
(Use `node --trace-warnings ...` to show where the warning was created)
[ERROR] (node:59076) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
[ERROR] (node:59076) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
and the video was never saved.
I expected the video to render and save.
Attempt to use "audiobounce"
Use default output options
Enter filename
Press enter to continue
- OS: Windows 10
- Node: 14.16.1
- ffmpeg: git-2020-08-31-4a11a6fNo response
Followed this https://www.youtube.com/watch?v=DfQboH_VUJw Tutorial, Did everything perfectly until the run.bat. It just does not work. Any Fixes? Thanks.
device: PC
os: windows
running: run.bat
error:
"[Eval @ 000000b7ceffed20] Invalid chars ':NaN' at the end of expression '1920:NaN."
"Invalid aspect ratio: 1920:NaN "
You can package the app using Vercel's PKG project.
The latest NodeJS version supported for Windows 7 is v.13.14.0 and it is not compatible with this wacky WebM maker
I get a syntax error: unexpected token whenever I try to make it.
My fault for using outdated system but still sucks, I wonder if there is an alternative or a solution to this problem?
First of all thank you for making a Maker for this... Now I can annoy my friends on discord.
Second of All.. I am getting this error. I followed a Tutorial by "No Text to Speech" On YouTube to see how I can properly install this... I followed everything but then this error is popping up [Image1]
I am not much good with JavaScript so yeah idk what's wrong.
Tutorial I am following: https://www.youtube.com/watch?v=ZjGMjv1Gv94
OS: Windows 11
for example, we might have a bounce interpolation mode that essentially does a similar thing to the bounce regular mode - while this would be easy to implement, I believe we would have to adjust the keyframe syntax to allow some parameters (perhaps something like this?)
<time>, <width>, <height>, bounce, <speed>, <amplitude>
and while this would work, I feel like it's a little clumsy to exclude them that way
this is just a simple question, how do you make a keyframe file? is there an example of how to make one? thank you.
Would be easier for others if this gets changed to instead use fluent-ffmpeg. No FFmpeg or FFprobe is required if you just install the npm packages "@ffmpeg-installer/ffmpeg" and "@ffprobe-installer/ffprobe"
I was trying out this it said ffmpeg not installed what the heck?
I used sudo apt-get install ffmpeg
and it said its already installed + newest version
I currently run linux on my chromebook
Can you help me?
Bruh
Run the script and i could make those bouncy webms*
No response
- OS:chromeOS*
- Node:Already Have Nodejs*
- ffmpeg:Installed on chromeOS automatically*Help me bruh*
WHY CANT I USE IT
Hello there, i really like this project, and i see that more presets/modes are being added.
In the readme you state that we can tweak the script and make a mode. (Atleast, that's how i get it.)
I thought that having a discord community for sharing user-created modes would be nice :)
Have a GitHub Action that automatically generates and updates the run.sh and run.bat scripts with new modes
Changing the aspect ratio in a specific timeline.
take an additional command-line flag, -s or --smoothing (that takes an argument which i'll call level here), which would have the size of each frame be the rolling average of the last level frames. this would, in particular, be potentially useful for the audio modes or perhaps keyframes
discord seems to more or less agree on a syntax like wackywebm.js -t "0-5" bounce -t "-10" shrink for "bounce from 0-5 seconds, shrink after that until 10", but this syntax could possibly be ambiguous in a lot of ways, and it probably is quite a pain to implement, hence this is just a stretch goal for now
The app itself is awesome, but if you add some ffmpeg commands like custom bitrate so we can optimize the final part.
usually final file is about 3 - 6mb so it's painful to upload
Make the file smaller
I can't send it to discord because it is more than 8MB
Make the file size smaller so we can be able to send it to discord
No response
How about a system to add keyframes (probably command line argument that points to a csv file or something similar), that way the timing and speed of the size changes could be controlled a lot more precisely, should the user want to
I can look into doing this myself, just wanted to check if the feature was wanted
Other feature
No
Just allow me to pick when to start the crazyness
No response
не ну а вообще топ прога, так что лайк 👍
part of #40
I'd self-assign this if i could but oh well
Video used: https://cdn.discordapp.com/attachments/849750633967910942/952769780849471528/Enemy.mp4
Modes used: Audio-Bounce, Audio-Shutter.
This does not seem to affect other modes, just the two audio reactive ones.
Splitting file into frames...
node:internal/errors:464
ErrorCaptureStackTrace(err);
^
RangeError [ERR_CHILD_PROCESS_STDIO_MAXBUFFER]: stdout maxBuffer length exceeded
at new NodeError (node:internal/errors:371:5)
at Socket.onChildStdout (node:child_process:459:14)
at Socket.emit (node:events:390:28)
at addChunk (node:internal/streams/readable:315:12)
at readableAddChunk (node:internal/streams/readable:285:11)
at Socket.Readable.push (node:internal/streams/readable:228:10)
at Pipe.onStreamRead (node:internal/stream_base_commons:199:23) {
code: 'ERR_CHILD_PROCESS_STDIO_MAXBUFFER',
cmd: `ffprobe -f lavfi -i "amovie='Enemy.mp4',astats=metadata=1:reset=1" -show_entries "frame=pkt_pts_time:frame_tags=lavfi.astats.Overall.RMS_level" -of json`,
stdout: '{\r\n' +
' "frames": [\r\n' +
' {\r\n' +
' "pkt_pts_time": "0.000000",\r\n' +
' "tags": {\r\n' +
' "lavfi.astats.Overall.RMS_level": "-inf"\r\n' +
' }\r\n' +
Full Error: https://pastebin.com/tuMn0Jrt
when I use jumpscare it just shrinks into a tiny square
at a specific time, go from 0x0 video to full video
- OS: Windows 10
- Node:v16.14.0
- ffmpeg: I ran ffmpeg -version but it came out with this: ffmpeg version N-107702-g56973eb687-20220808No response
shudders
A lot of files output bigger than 8MB. Could you implement compressing the video after? If you compress it with FFmpeg it removes the wacky aspect ratios.
this only happens, or is at least only noticable, for quite long videos - over 2-3 minutes - and is probably related to how we handle audio in general.
(following paragraph copied from description of #58)
in all situations where i have so far encountered this new issue, it can be fixed by setting the source video's frame rate to exactly 25, presumably because that's what ffmpeg uses as a default frame rate for input files that don't have an inherent "speed" (like a bunch of still frames).
if this really is the reason, a simple -r ${framerate} flag to ffmpeg could possibly already fix it
new modes
I want to change color space duration framerate etc. at a specific frame to create something like slap.mp4 tis this possible?
I'd like to have a (bunch) of new mode(s) to change color space framerate etc. at a specific frame/second
No response
Convert all mode names to be lowercase always, to be consistent across the project
Can you guys stop playing with code in the main branch please😳
Right now (by the time writing this issue) your script isnt working apart from audio modes and shrink modes
branch with the TEST code on the other hand is working fine afait (tested)
Thanks
File: video.mov
Arguments: --keyframes = "5, 0, 480"
Error: No such file or directory '../WackyWebM-main/5, 0, 480'
I expected the output to be a video that would shrink horizontally after 5 seconds
5, 0, 480- OS: Windows 10
- Node: 16.16.0
- ffmpeg: g23758380d0No response
can you make a command to where the video is big for like a second or half a second then it shrinks instantly so you cant pause it
There are some valid reasons to have multiple ffmpeg installs at once (for example, working on ffmpeg itself and/or keeping older versions for compatibility testing) - I thought about adding a command-line flag that would set which ffmpeg to use (defaulting to just ffmpeg and relying on path when not set), however I'm worried it might confuse non-technical users even more than we already do to see that in the usage help
tl;dr i'm asking for some opinions on whether this might be worth implementing
Now upon inspecting the code for the effect, i've noticed problems regarding anomalous volumes, which skews the scale of the video instead of relying on the average and then using standard deviations to clip the data and then normalize it.
I've improved it significantly, however, i code in python, so for anyone willing to implement it, here you go
def getAudioMap(input_file):
output = get_output("""ffprobe -loglevel quiet -f lavfi -i "amovie='{}',astats=metadata=1:reset=1" -show_entries "frame=pkt_pts_time:frame_tags=lavfi.astats.Overall.RMS_level" -of json""".format(input_file))
audio_levels = iter(float(audio["tags"]["lavfi.astats.Overall.RMS_level"]) for audio in json.loads(output)['frames'])
audio_levels_map = [{"frame": frame+1, "dBs": next(audio_levels)} for frame in range(frame_count)]
highest = max(audio_levels_map, key=lambda x: x["dBs"])
average = sum([audio["dBs"] if not isinf(audio["dBs"]) else 0 for audio in audio_levels_map]) / len(audio_levels_map)
deviation = abs((highest["dBs"] - average) / 2)
audio_levels_clipped = list(clip([audio["dBs"] for audio in audio_levels_map], average - deviation, average + deviation))
for i in range(len(audio_levels_map)):
if audio_levels_clipped[i] > average:
audio_levels_map[i]["percentMax"] = 0.5 + abs((audio_levels_clipped[i] - average) / deviation)*0.5
else:
audio_levels_map[i]["percentMax"] = 0.5 - abs((audio_levels_clipped[i] - average) / deviation)*0.5
return audio_levels_mapHave a check to strip any " around the path to the file
When useing the "copy path" button in windows it copy's the path rapped in " causeing the script to not like it
If the code sees 2 " rapping the code strip it so it gets the raw path to the file and stops people saying about the path being correct but the code says it's invalid
No response
PS C:\Users\Minoa\Desktop\WebM-Maker-Thing-Idk-main> node .\wackywebm.js bounce .\mt.mp4
C:\Users\Minoa\Desktop\WebM-Maker-Thing-Idk-main\wackywebm.js:67
async function main() {
^^^^^^^^
SyntaxError: Unexpected token function
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:549:28)
at Object.Module._extensions..js (module.js:586:10)
at Module.load (module.js:494:32)
at tryModuleLoad (module.js:453:12)
at Function.Module._load (module.js:445:3)
at Module.runMain (module.js:611:10)
at run (bootstrap_node.js:387:7)
at startup (bootstrap_node.js:153:9)
PS C:\Users\Minoa\Desktop\WebM-Maker-Thing-Idk-main> node .\wackywebm.js Shutter .\mt.mp4
C:\Users\Minoa\Desktop\WebM-Maker-Thing-Idk-main\wackywebm.js:67
async function main() {
^^^^^^^^
followed the install for fmmpeg and its not working even after restart
Suggestion to add functionality to automatically crop frames based on alpha/transparency
Example: Export a video or image sequence with alpha from After Effects with transformations already applied to the content layers within the composition, then have a script crop the edges of each frame to the first solid/non-translucent pixels.
More advanced functionality would be to allow setting a key hex color, for green-screened video
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
