I have an experimental documentary/autobiographical story of sorts that I've created in code and features two people talking. I programmed it in javascript with WEBGL with the p5.js library.
In the next phase I want to add subtitles, but I'm not sure the best way to sync subtitles with the audio. Any suggestions? (hundreds of setTimeout functions???)
Alternatively, since the narrative is currently linear, maybe it makes more sense to render video output, and then place subtitles on top manually?? (not sure if that would be easier for me. in any case ,relies on time stamps!).
lee
npub1ny…lu6g0
2025-02-27 18:21:28 UTC
Author Public Key
npub1nyfpewct3pttde2ref88x9dk6aymx3d6aj8scamsj59pkyvhp33s8lu6g0Published at
2025-02-27 18:21:28 UTCEvent JSON
{
"id": "d782f808738cf9f5fe02813618cc674a5996ba1ac96757c4e6e5dedbb6e0b478",
"pubkey": "99121cbb0b8856b6e543ca4e7315b6d749b345baec8f0c7770950a1b11970c63",
"created_at": 1740680488,
"kind": 1,
"tags": [
[
"content-warning",
"making an autobiographical artwork, using p5.js, technical/conceptual question"
],
[
"proxy",
"https://merveilles.town/@exquisitecorp/114077236485724299",
"web"
],
[
"proxy",
"https://merveilles.town/users/exquisitecorp/statuses/114077236485724299",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://merveilles.town/users/exquisitecorp/statuses/114077236485724299",
"pink.momostr"
],
[
"-"
]
],
"content": "I have an experimental documentary/autobiographical story of sorts that I've created in code and features two people talking. I programmed it in javascript with WEBGL with the p5.js library.\n\nIn the next phase I want to add subtitles, but I'm not sure the best way to sync subtitles with the audio. Any suggestions? (hundreds of setTimeout functions???)\n\nAlternatively, since the narrative is currently linear, maybe it makes more sense to render video output, and then place subtitles on top manually?? (not sure if that would be easier for me. in any case ,relies on time stamps!).",
"sig": "2734aa1cac61f1e08d15c291b26ec005245a25b28ff7972c32a6f1f180fba584dcfefdfa4729313ad7d8c11326fc93db21bbcd97dcaf24bdbb93f6923af70073"
}