Previously, I have introduced how LyricsX handled playback progress of different players, and briefly talked about how I applied its principal to web audio with a requestAnimationFrame() loop. In this article, I’ll talk about how to use WebVTT, a browser-native captioning feature to receive callbacks on specific time ranges.
Fula spawnaw, lu rì’ìrtut a wìntxu nìleyn ronsrel mek letì’awpo nik.
-
Use WebVTT without actually using WebVTT: Another way to monitor playback progress of HTML Media Elements
-
Flexible and dynamic flow control of Azure DevOps YAML Pipelines using variables
Recently I was working on the release automation at work, and one of the requirements is to gap a specific number of hours between stages, and snap to normal business hours. While having a centralized scheduler won’t be a choice unless I want to flood the run logs, and a pipeline run would mostly be unconfigurable once started due to the constraint of Azure DevOps (AzDO) Pipelines, there are still some trickeries to achieve dynamic flow control within the pipeline. In this article, I’d talk about how I setup the flow control.
(more…) -
Content-aware Infinite Scroll Loop using JavaScript
This project came out from a key highlight of the Luna for CTFd theme, a CTFd theme trying to reproduce the atmosphere of the game Project SEKAI: Colorful Stage feat. Hatsune Miku. In order to recreate the unique and symbolic music selection interface, I went forward to write this piece of code out myself.
(more…) -
『初音ミクの消失合作』セリフ文字起こし
-
Tìngäzìk: a Retrospective – ep. 34 Dummy questions and fun stuff
Coming the the end of the retrospective series, we want to conclude with some tiny details that are dumb… and fun, I guess. (And, yeah, we finally got back our intro paragraph again. Yay!)
(more…) -
Tìngäzìk: a Retrospective – ep. 33 “Inkyō Onji”
-
Tìngäzìk: a Retrospective – ep. 32 “cosMo”
-
Tìngäzìk: a Retrospective – ep. 31 “Iconify”