Skip to content

Commit d490f84

Browse files
committed
fix code rabbit comment
1 parent af79e46 commit d490f84

File tree

1 file changed

+22
-3
lines changed

1 file changed

+22
-3
lines changed

markdown/blog/vsasyncapi-preview-extension.md

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,28 @@ This is a **huge usability improvement** that makes AsyncAPI more accessible to
5050

5151
## Demo
5252

53-
See the AsyncAPI VS Code Preview running in web mode below:
54-
55-
<iframe width="560" height="315" src="https://www.youtube.com/embed/JcS1VRyYmhE?si=DlqqYs3PmJtROTvF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
53+
Watch the AsyncAPI VS Code Preview extension working seamlessly in your web browser. This demonstration shows how to install the extension in VS Code web, open an AsyncAPI document, and use the preview functionality to render beautiful documentation directly in the browser without needing a local VS Code installation.
54+
55+
<div id="demo-description" style="margin-bottom: 1rem;">
56+
<p><strong>Demo Overview:</strong> The video demonstrates opening a GitHub repository in vscode.dev, installing the AsyncAPI Preview extension, opening a sample AsyncAPI YAML file, and executing the preview command to generate interactive documentation in the web browser.</p>
57+
</div>
58+
59+
<iframe
60+
width="560"
61+
height="315"
62+
src="https://www.youtube.com/embed/JcS1VRyYmhE?si=DlqqYs3PmJtROTvF"
63+
title="AsyncAPI VS Code Preview Web Demo - Browser Extension Walkthrough"
64+
frameborder="0"
65+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
66+
referrerpolicy="strict-origin-when-cross-origin"
67+
allowfullscreen
68+
aria-label="Video demonstration of AsyncAPI VS Code Preview extension working in web browser"
69+
aria-describedby="demo-description">
70+
</iframe>
71+
72+
<p style="margin-top: 0.5rem; font-size: 0.9rem; color: #666;">
73+
<strong>Accessibility Note:</strong> This video includes visual demonstrations of the AsyncAPI extension interface. For a text-based description of the steps shown, please refer to the "How to Try It Out" section above. <a href="#how-to-try-it-out">Jump to written instructions</a>.
74+
</p>
5675

5776
## Spreading the Word
5877

0 commit comments

Comments
 (0)