So can I just sign up and get started using it on my blog, or how does this work?
Here is a Loom on how to record a scrim: https://www.loom.com/share/1f034653a1ef4e99953cf3b9a5c367ff
Show HN: Node.js video tutorials where you can edit and run the code
81–90 of 95 posts
Re: Show HN: Node.js video tutorials where you can edit and run the code
#82Very impressive and cool stuff! This shares similar themes to what I'm building over at https://studio.codevideo.io - I also chose to go with an event sourcing solution. I experimented with real time mouse recording but though it was overall too complex for more advanced examples, so for now I've setted with a virtual mouse that you can move from place to place to simulate how it might actually move - I'm curious, how did you solve realtime edits and highlighting directly in the editor? Are you using Monaco editor with realtime highlighting updates somehow? It's something I still haven't implemented in CodeVideo...
Re: Show HN: Node.js video tutorials where you can edit and run the code
#83We also created a while back codecast for my courses in c programming. I also have Linux running entirely in the browser.
And the c programming language "running" fully in the browser. Everything in sync with your oral explanations.
The courses :
https://www.coursera.org/specializations/c-programming-linux
https://www.edx.org/certificates/professional-certificate/da...
I wrote a few papers to explain:
CODECAST: An Innovative Technology to Facilitate Teaching and Learning Computer Programming in a C Language Online Course
https://scholar.google.com/citations?view_op=view_citation&h...
WebLinux: a scalable in-browser and client-side Linux and IDE
https://scholar.google.com/citations?view_op=view_citation&h...
I also have a taskgrader to grade student's codes :
Teaching C Programming Interactively at Scale Using Taskgrader: an Open-source Autograder Tool
https://scholar.google.com/citations?view_op=view_citation&h...
Re: Show HN: Node.js video tutorials where you can edit and run the code
#84Scrimba is really cool. When I first got into programming, a few years ago, I tried to build something similar using rrweb but with server side code execution in docker containers so that it could support all the programming languages like replit. When I first heard about Scrimba, I abandoned my project because I thought you guys would already go down that path. Why didn't you guys go down that route?
Actually I have a new version of codecast doing that ! (See my post a minutes back in that thread)
Re: Show HN: Node.js video tutorials where you can edit and run the code
#85Very impressive and cool stuff! This shares similar themes to what I'm building over at https://studio.codevideo.io - I also chose to go with an event sourcing solution. I experimented with real time mouse recording but though it was overall too complex for more advanced examples, so for now I've setted with a virtual mouse that you can move from place to place to simulate how it might actually move - I'm curious, ho…
Also you could look at how we did it with codecast, it's open source on GitHub search for codecast France ioi
With mouse relative position, highlights selections of code etc
Re: Show HN: Node.js video tutorials where you can edit and run the code
#86Scrimba is fantastic and has helped me a lot
Re: Show HN: Node.js video tutorials where you can edit and run the code
#87Imba is probably one of the best kept web development secrets! Sindre has done a remarkable job of making an insanely terse while powerfull language for building web applications. Not that it's limited to web applications only, the syntax translates perfectly for any other area as well. The fact that a platform like Scrimba was built using this language and probably only a handfull developers should make you want to…
There's a free Scribe course on Imba: https://scrimba.com/learn-imba-c01h Haven't gotten around to it yet, hope it's still relevant :P
It's still relevant, the language hasn't changed much since I made this course.
Re: Show HN: Node.js video tutorials where you can edit and run the code
#88Awesome, always wanted something like this!
Do you have any plans for open source (beyond Imba)? I think it would be worth it, for the sake of education, and growing a community. And personally I really only want to get invested in using tech that has some open source "peace of mind", even if I do pay for it (e.g. supabase, posthog). Although I understand open source is challenging for a business when you're trying to make a living.
Re: Show HN: Node.js video tutorials where you can edit and run the code
#89There was this beautiful website that did something similar: it would type in the code and showing the result on the side. It was mostly creative JS code.
Are you thinking of Processing / P5js ?
Nope, it was a really cool website. It kinda stored every key stroke while you were typing the code then play it back, on the other side of the screen you would see the changes in real time. I've asked ChatGPT but it doesn't remember that either
Re: Show HN: Node.js video tutorials where you can edit and run the code
#90Earlier quoted context omitted.
Are you thinking of Processing / P5js ?
Nope, it was a really cool website. It kinda stored every key stroke while you were typing the code then play it back, on the other side of the screen you would see the changes in real time. I've asked ChatGPT but it doesn't remember that either
The Code Player - https://thecodeplayer.com/
Just remembered.