# Video + Audio Conversion Tool \[Showcase\]

**URL:** <https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865>\
**Category:** Show & Tell\
**Created:** [December 9, 2025, 10:03pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865 "2025-12-09T22:03:44Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![WoodysWorkshop](https://avatars.discourse-cdn.com/v4/letter/w/ea666f/32.png) [@WoodysWorkshop](https://forum.makecode.com/u/WoodysWorkshop)\
**Post date:** [December 9, 2025, 10:03pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/1 "2025-12-09T22:03:44Z")

</div>

# 🎬🎵 Video + Audio Converter for MakeCode Arcade

Hey everyone!

I’ve built a browser-based tool that converts videos AND audio into MakeCode Arcade format. Drop in a video clip, and get ready-to-paste code with both the frames and polyphonic audio!

# Great for:

1. Recording your own audio and getting it into MakeCode Arcade
2. Creating your own video cutscenes
3. Record your own videos and audio and get them into MakeCode Arcade!
4. Using video clips with their real audio

# Not great for:

1. Projects intended to be flashed on a device like a Meowbit as the files will be too big.

**🔗 Try it here:** [LINK](https://monk070.github.io/makecode-video-audio-converter/)

💻 **Demo Project** :

 ![arcade-Video-and-Audio-Converter](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/0/3/03a25eb6e779e038006c3abf251a0b0da8aeba30.jpeg)

* * *

## What it does

### Video → MakeCode Frames

- Converts to MakeCode’s 16-color palette

- Three dithering modes (Floyd-Steinberg works great!)

- Handles aspect ratio conversion (16:9 YouTube → 4:3 Arcade)

- Configurable FPS and dimensions

### Audio → Polyphonic Sound

- Uses spectrogram analysis with 20 frequency bands

- Outputs code using `queuePlayInstructions()`

- Actually sounds like the original audio (not just beeps!)

- Works with video audio tracks OR standalone MP3/WAV files

### Flexible Workflow

- **Video + Audio:** Full conversion with synchronized playback code

- **Audio-only from video:** Skip the frames, just get the audio

- **Export as WAV:** Extract audio clips from videos

- **Direct audio upload:** Convert MP3/WAV/OGG files directly

* * *

## Quick Demo

1. Open the [tool](https://monk070.github.io/makecode-video-audio-converter/)

2. Drag & drop a short video clip (under 10 seconds works best)

3. Adjust settings if needed

4. Click Convert

5. Copy the code into MakeCode (under the Javascript editor)!

* * *

## Tips

- **Keep clips short** — 5-10 seconds is the sweet spot for memory and processing

- **Floyd-Steinberg dithering** gives the best results for most videos

- **Increase gain** if your audio sounds too quiet in MakeCode

* * *

## Credits

The audio spectrogram approach was inspired by [HomeAssistantTycoon’s Audio-to-MakeCode-Arcade](https://github.com/HomeAssistantTycoon/Audio-to-MakeCode-Arcade) project, forked from @UnsignedArduino . I wrapped it into a browser-based tool with video support and a bunch of extra features.

* * *

## Feedback Welcome!

This is my first release, so let me know if you run into any issues or have ideas for improvements. Would love to see what you create with it!

The source code is on GitHub: [HERE](https://github.com/Monk070/makecode-video-audio-converter/tree/main)

Happy converting! 🎮

---

<div class="post-metadata">

**Author:** ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)\
**Post date:** [December 10, 2025, 3:59am UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/2 "2025-12-10T03:59:15Z")

</div>

This is a great compilation of tools!! 😃

---

<div class="post-metadata">

**Author:** ![Iro](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/iro/32/34749_2.png) [@Iro](https://forum.makecode.com/u/Iro)\
**Post date:** [December 10, 2025, 4:12am UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/4 "2025-12-10T04:12:02Z")

</div>

WOW, instant bookmark! I can’t believe this! Now I can finally make off brand YT on makecode!!

---

<div class="post-metadata">

**Author:** ![DEBOI](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/deboi/32/25485_2.png) [@DEBOI](https://forum.makecode.com/u/DEBOI)\
**Post date:** [December 10, 2025, 6:31pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/5 "2025-12-10T18:31:10Z")

</div>

You would not believe how long I’ve been waiting for this.

---

<div class="post-metadata">

**Author:** ![RoboVacDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robovacdev/32/29619_2.png) [@RoboVacDev](https://forum.makecode.com/u/RoboVacDev)\
**Post date:** [December 10, 2025, 6:33pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/6 "2025-12-10T18:33:06Z")

</div>

This is awesome. Of course it glitches my workspace with the big code for longer videos, but i gotta say:

 ![IMG_0530](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/f/c/fc626e182a9931554f0f9d196dc3dcf8b242c468.jpeg)

---

<div class="post-metadata">

**Author:** ![1978monkeynutze](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/1978monkeynutze/32/33979_2.png) [@1978monkeynutze](https://forum.makecode.com/u/1978monkeynutze)\
**Post date:** [December 10, 2025, 6:36pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/7 "2025-12-10T18:36:28Z")

</div>

wach this! [https://arcade.makecode.com/S28941-84717-25861-22807](https://arcade.makecode.com/S28941-84717-25861-22807)

---

<div class="post-metadata">

**Author:** ![1978monkeynutze](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/1978monkeynutze/32/33979_2.png) [@1978monkeynutze](https://forum.makecode.com/u/1978monkeynutze)\
**Post date:** [December 10, 2025, 6:36pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/8 "2025-12-10T18:36:29Z")

</div>

this is sick!!!

---

<div class="post-metadata">

**Author:** ![WoodysWorkshop](https://avatars.discourse-cdn.com/v4/letter/w/ea666f/32.png) [@WoodysWorkshop](https://forum.makecode.com/u/WoodysWorkshop)\
**Post date:** [December 10, 2025, 7:11pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/9 "2025-12-10T19:11:10Z")

</div>

That’s awesome! Now you’ve got an array of the frames into the editor, you could always do something like: record the ball bounce, cut the ball out from each of the frames by tidying them up or resizing them, and then have it as a sprite-kind over the top of your game. Maybe a giant tennis ball comes crashing through Makecode arcade’s pixel town?

Have a play around with some of the features like this one when you convert your video, and the other dithering tools there too:

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/5/4/54929379e0156760e3ecb2303a6a16c16622a8bb.png)

---

<div class="post-metadata">

**Author:** ![WoodysWorkshop](https://avatars.discourse-cdn.com/v4/letter/w/ea666f/32.png) [@WoodysWorkshop](https://forum.makecode.com/u/WoodysWorkshop)\
**Post date:** [December 10, 2025, 7:18pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/10 "2025-12-10T19:18:12Z")

</div>

> **[HEYYEAH --FloydSteinberg](https://arcade.makecode.com/31636-90881-73899-84936)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

Enable dithering:

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/5/4/54929379e0156760e3ecb2303a6a16c16622a8bb.png)

Results much good-er 😛

---

<div class="post-metadata">

**Author:** ![MeatballDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/meatballdev/32/28502_2.png) [@MeatballDev](https://forum.makecode.com/u/MeatballDev)\
**Post date:** [December 11, 2025, 7:07pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/11 "2025-12-11T19:07:57Z")

</div>

> **[road rage in makecode](https://arcade.makecode.com/72045-73286-52896-81439)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![MeatballDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/meatballdev/32/28502_2.png) [@MeatballDev](https://forum.makecode.com/u/MeatballDev)\
**Post date:** [December 11, 2025, 10:58pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/12 "2025-12-11T22:58:06Z")

</div>

you should add ostromoukhov dithering

---

<div class="post-metadata">

**Author:** ![teaeat100](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/teaeat100/32/33097_2.png) [@teaeat100](https://forum.makecode.com/u/teaeat100)\
**Post date:** [December 15, 2025, 5:27pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/13 "2025-12-15T17:27:50Z")

</div>

Question for the mods, How Many Seconds/Frames Are Yall Willing to do or what’s The Limit?

---

<div class="post-metadata">

**Author:** ![Crashton\_Powerstone](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/crashton_powerstone/32/33537_2.png) [@Crashton\_Powerstone](https://forum.makecode.com/u/Crashton_Powerstone)\
**Post date:** [December 15, 2025, 5:36pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/14 "2025-12-15T17:36:22Z")

</div>

W Tool, Thank you for making this. It will really help advance my projects.

---

<div class="post-metadata">

**Author:** ![teaeat100](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/teaeat100/32/33097_2.png) [@teaeat100](https://forum.makecode.com/u/teaeat100)\
**Post date:** [December 15, 2025, 5:42pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/15 "2025-12-15T17:42:55Z")

</div>

I Had A Idea And It Was Not Good, We Are! By Hiroshi Kitadani

> **[I HAD A IDEA AND NOW MY EARS ARE GONE](https://arcade.makecode.com/67415-87953-65310-02297)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![WoodysWorkshop](https://avatars.discourse-cdn.com/v4/letter/w/ea666f/32.png) [@WoodysWorkshop](https://forum.makecode.com/u/WoodysWorkshop)\
**Post date:** [December 15, 2025, 6:28pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/16 "2025-12-15T18:28:01Z")

</div>

If you’re looking to flash something onto a device such as a Meowbit, then you’re probably looking at just 13 frames, for about 1.3 seconds of video.

If it’s a web-browser based project intended for use on PC: go nuts ☺

---

<div class="post-metadata">

**Author:** ![WoodysWorkshop](https://avatars.discourse-cdn.com/v4/letter/w/ea666f/32.png) [@WoodysWorkshop](https://forum.makecode.com/u/WoodysWorkshop)\
**Post date:** [December 15, 2025, 6:28pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/17 "2025-12-15T18:28:06Z")

</div>

Nice! For practical uses of the audio tool, I recommend clear speech in a quiet room.

Perhaps record yourself saying things like, “Level One: Start!” And use that audio clip.

---

<div class="post-metadata">

**Author:** ![WoodysWorkshop](https://avatars.discourse-cdn.com/v4/letter/w/ea666f/32.png) [@WoodysWorkshop](https://forum.makecode.com/u/WoodysWorkshop)\
**Post date:** [December 15, 2025, 6:38pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/18 "2025-12-15T18:38:20Z")

</div>

Thanks, pal!

I’ve made a hub page for all the tools/extensions I’ve made so far, and I’ll add to this as new ones come out

Link: [HERE](https://monk070.github.io/woodys-workshop/)

---

<div class="post-metadata">

**Author:** ![teaeat100](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/teaeat100/32/33097_2.png) [@teaeat100](https://forum.makecode.com/u/teaeat100)\
**Post date:** [December 15, 2025, 10:05pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/19 "2025-12-15T22:05:23Z")

</div>

Nah, Tried Putting Goku Turning Super Saiyan for the First Time and it took up too much mod time/they didnt want to do that much. I talking about the fourm as well

---

<div class="post-metadata">

**Author:** ![WoodysWorkshop](https://avatars.discourse-cdn.com/v4/letter/w/ea666f/32.png) [@WoodysWorkshop](https://forum.makecode.com/u/WoodysWorkshop)\
**Post date:** [December 29, 2025, 9:48pm UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/20 "2025-12-29T21:48:35Z")

</div>

[I’ve added that too now](https://monk070.github.io/makecode-video-audio-converter/) 🙂

Oh, and it also handles images now as well 🙂

---

<div class="post-metadata">

**Author:** ![teaeat100](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/teaeat100/32/33097_2.png) [@teaeat100](https://forum.makecode.com/u/teaeat100)\
**Post date:** [December 30, 2025, 4:02am UTC](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865/21 "2025-12-30T04:02:01Z")

</div>

I Have A Request, can you make it so you can imput a custome Palette for the Images or Videos? Maybe like “Most Common 16 colors” In each frame? Dont gotta put it but it’d look so cool

[Next page](https://forum.makecode.com/t/video-audio-conversion-tool-showcase/40865.md?page=2)
