初始提交: Gitea 项目代码

web_src/js/markup/asciicast.ts

@@ -0,0 +1,16 @@
+import {queryElems} from '../utils/dom.ts';
+
+export async function initMarkupRenderAsciicast(elMarkup: HTMLElement): Promise<void> {
+  queryElems(elMarkup, '.asciinema-player-container', async (el) => {
+    const [player] = await Promise.all([
+      import('asciinema-player'),
+      import('asciinema-player/dist/bundle/asciinema-player.css'),
+    ]);
+
+    player.create(el.getAttribute('data-asciinema-player-src')!, el, {
+      // poster (a preview frame) to display until the playback is started.
+      // Set it to 1 hour (also means the end if the video is shorter) to make the preview frame show more.
+      poster: 'npt:1:0:0',
+    });
+  });
+}