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

Hi guys! So basically today i worked on trying to add camera functionality so I can add recording into the website. (I felt that having it all in one devlog would be too long)

I ran into a bug where the camera and scrolling weren’t working because my HTML got messed up with an unclosed button tag, which broke the page structure and stopped the JavaScript from working properly.

Dw tho everything is fixed and working fine! :)

Hello! I started on the basic features of the website! I split everything into HTML, CSS, and JavaScript to keep it organized, then added the basic features like scrolling text, adjustable speed, font size controls, fullscreen, and mirror mode. It still needs some polishing and a nicer UI, but the main functionality is working now and I’m pretty happy with how it’s turning out.

My main inspiration for this project was that even though there are many teleprompter websites, I wanted one with no bloat, ads, and that keeps my data safe.

Next devlog probably gonna add a recording functionality and better UI. Stay tuned!

Below is a screenshot of the demo: