I had a Problem to run Color ASCII video in JavaScript at fast speed because when i use HTML tag Style=Color: it slow down the ASCII video rendering speed and skipping color ASCII video frames. I saw many Video to ASCII scripts in JavaScript language But i see all Scripts using same HTML Style tag for Color RGB ASCII video output.
for example like This:
str += `<font style="color: rgb(${r}, ${g}, ${b})">${CharString}</font>`;
or like this
str += "<span style=\"color: rgb("+r+","+g+","+b+"); \">"+ CharString +"</span>";
But the problem is when i use HTML style tag for color ASCII video output, it slow down and ASCII video rendering due to put style=color: tag on every character of ASCII video.
So i am looking for a pure JavaScript solution/code for color ASCII output instead of using HTML Style tag, ....And after lot of searching i found this guy script using a image inverting algorithm / technique in there python script to run blazing fast color ASCII video. but unfortunately it is python script. i want same thing in JavaScript.
https://github.com/AlexEidt/ASCII-Video/blob/master/ascii.py
and Here in this video he also explain how he convert Grayscale to Blazing fast color ASCII video. i request you please must see the end part of video at-least after 6:00
and for practicing you can use any video to ASCII script in JavaScript from GitHub or try this one. https://github.com/EnotionZ/jscii
i try my best to explain my problem, and i Hope you will understand it and try to solve above issue... Your Answer with JavaScript code example will be appreciated.