You are browsing as a guest. Sign up (or log in) to start making projects!

2h 53m 1s logged

devlog # 3

hi again! we r getting pretty close to the end—this may be our second to last devlog!

so before I did anything else, I fixed the sites trash css and basically gave it a space aesthetic so it fits nicely with the stardance program.

it already had the camera preview and the text scrolling working so you could read your script while seeing yourself on screen. it also had basic controls to change the font size and flip the text backward using a mirror button so it could be used with real physical teleprompter glass. I wanted it to save the recordings as a mp4 but usually the recordings save as .webm so I had to figure out a way to convert in the browser. I ended up choosing ffmpeg which is a client side converter which worked perfectly for my use case.


I also polished the space theme with drifting stars and meteors by adding a crap ton of css, and added a footer at the bottom which brags that all the video processing happens 100% locally on your computer.


bugs and errors fixed

  • ffmpeg worker loading crash caused by bad repo file structure and missing module parts like classes.js
  • sharedarraybuffer is not defined reference error triggered by browser cross-origin security walls blocking multi-threading
  • github pages 404 resource errors due to loading scripts from wrong online paths instead of hosting local copies
  • video encoding failures caused by trying to run heavy ffmpeg processing inside restricted incognito sandboxes
  • canvas recording bug that accidentally burned the scrolling text lines onto your final exported mp4 video file

so basically these errors were rlly ahh but i fixed most of them pretty easily. The one which actually took time was the ffmpeg library not loading bc i had to have it saved locally. The problem with that was that saving it locally would sometimes call on other scripts which were not local. Eventually i figured out that there was a build meant to run local so i used that. :)


P.S.
I finally learned markdown!!! :) pls tell me any other tips if u think that i need to improve smth. Also tell me what UI u like best i put a bunch of screenshots

0
2

Comments 0

No comments yet. Be the first!