RE: https://mastodon.social/@FirefoxDevTools/115573428208353380

I'm experimenting with this format. Is it… good? Like, should I do more of this kind of thing? Critical feedback welcome!

A lot of you asked for burned-in subtitles. I agree, it was already on my todo list, and well, I had a long flight, so it was something to do.

I'll improve the segmenting for the next real video, but so far so good.

How do you feel about the word-by-word highlighting?
I like it
24.8%
I'd rather it didn't
52.2%
🤷
23%
Poll ended at .
@jaffathecake I like that they are highlighted; I don't like the way you highlight them :) This is, obviously, entirely subjective, but maybe if each word got a little bigger to highlight it, or if the colour of the word changed to be brighter, it'd look better. But... I am no designer :)
@jaffathecake this is where you wish that there was a video editor in the browser so you could say, ok, the subtitle words, I'll apply a css transition to them so they can go from opacity:0.8 filter:greyscale to opacity:1.0 instantly and then fade back again over 500ms 2s later :)
@sil hope do you think I'm making these videos??
@jaffathecake really? How are you outputting a video? Are you recording the screen? Or do you have some neat way to have the browser output what it's doing *as* a video? I've wanted that for ages but I don't know how to do it. Every time I've needed to do this I've recorded the screen
GitHub - WICG/html-in-canvas

Contribute to WICG/html-in-canvas development by creating an account on GitHub.

GitHub
@sil I'll bring my laptop to Birmingham
@jaffathecake @sil Ooh, visiting Birmingham? *waves* :)
@jaffathecake kinel. And then render frame by frame and getDataUrl the frames into a video with wasm ffmpeg or something? Neat. Discussion over beer!
@sil straight into the video encoder api via https://mediabunny.dev/
Mediabunny

A JavaScript library for reading, writing, and converting media files. Directly in the browser, and faster than anybunny else.

Mediabunny
@jaffathecake @sil I wish the browser had native encoder that could produce video files, given that it's able to send video over the wire using webRTC.
VideoEncoder - Web APIs | MDN

The VideoEncoder interface of the WebCodecs API encodes VideoFrame objects into EncodedVideoChunks.

MDN Web Docs