Skip to content

Commit b062789

Browse files
CopilotCopilot
andauthored
docs: embed Foundry tutorial videos
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 35c69f6 commit b062789

4 files changed

Lines changed: 29 additions & 0 deletions

File tree

‎AUTHORING.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,14 @@ Each module has its own objectives, story-focused scenario, numbered instruction
108108
3. **Always include alt text.** Starlight treats the alt text as required.
109109
4. **Preview locally** to confirm the image resolves.
110110

111+
### Add a tutorial video
112+
113+
Keep videos optional and retain the written instructions. Add a `## Video walkthrough` section with a descriptive reference-style YouTube link and an HTML `<iframe>`; the link also serves readers on github.com, which does not render embedded players, and readers whose networks block YouTube.
114+
115+
Use the privacy-enhanced URL `https://www.youtube-nocookie.com/embed/VIDEO_ID?cc_load_policy=1`, a descriptive `title`, `loading="lazy"`, `referrerpolicy="strict-origin-when-cross-origin"`, `allowfullscreen`, and `style="display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;"`. Do not enable autoplay. Privacy-enhanced mode still contacts YouTube when the player loads; it is not a consent gate.
116+
117+
Before publishing, confirm the video allows embedding and has accurate captions in YouTube Studio. The `cc_load_policy=1` parameter requests captions when available; it does not create them. Check playback on the rendered site and at a narrow viewport.
118+
111119
### Edit an existing lesson
112120

113121
1. **Find the file** under `docs/` (use the published URL as a hint — `/real-world-development/cli/3-agent-modes/` lives at `docs/real-world-development/cli/3-agent-modes.md`).

‎docs/real-world-development/app/8-foundry-canvas/README.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,12 @@ next:
1313

1414
This optional journey adds a **Backer Concierge** to Tailspin Toys using Microsoft Foundry Canvas in the GitHub Copilot app. It moves from a catalog-grounded model experiment to a hosted agent and then a local website integration.
1515

16+
## Video walkthrough
17+
18+
Follow the [Copilot app and Foundry Canvas video walkthrough on YouTube][video-walkthrough] alongside the written modules below. You can also use that link if the embedded player is unavailable.
19+
20+
<iframe src="https://www.youtube-nocookie.com/embed/AT3EltQ4gTM?cc_load_policy=1" title="Video walkthrough: Build a Backer Concierge with the Copilot app and Microsoft Foundry Canvas" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;"></iframe>
21+
1622
## The journey
1723

1824
Each module ends with a checkpoint and a safe stopping point. The same Tailspin Toys repository, worktree branch, issue-linked session, Foundry project, and model deployment carry through the journey.
@@ -83,6 +89,7 @@ The Microsoft documentation describes Canvas, hosted deployments, and their perm
8389
[module-2]: ./2-build-and-deploy/
8490
[module-3]: ./3-connect-to-site/
8591
[core-review]: ../10-review/
92+
[video-walkthrough]: https://www.youtube.com/watch?v=AT3EltQ4gTM
8693
[foundry-canvas]: https://learn.microsoft.com/azure/foundry/agents/concepts/foundry-canvas
8794
[hosted-agent-quickstart]: https://learn.microsoft.com/azure/foundry/agents/quickstarts/quickstart-hosted-agent?pivots=canvas
8895
[hosted-agent-permissions]: https://learn.microsoft.com/azure/foundry/agents/concepts/hosted-agent-permissions

‎docs/real-world-development/cli/8-foundry-agent/README.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,12 @@ In this series, you will:
1515
- scaffold, test, and deploy a hosted Backer Concierge agent.
1616
- connect the agent to the website through a local server-side proxy and chat widget.
1717

18+
## Video walkthrough
19+
20+
Follow the [Copilot CLI and Foundry video walkthrough on YouTube][video-walkthrough] alongside the written modules below. You can also use that link if the embedded player is unavailable.
21+
22+
<iframe src="https://www.youtube-nocookie.com/embed/l37ZnSjKRxo?cc_load_policy=1" title="Video walkthrough: Build a Backer Concierge with Copilot CLI and Microsoft Foundry" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;"></iframe>
23+
1824
## Scenario
1925

2026
Tailspin Toys backers can browse games by category and publisher, but those filters don't help everyone find their next game. Some backers have questions such as *Which games would suit someone who loves Git puns?* Those questions don't have dropdown answers.
@@ -76,6 +82,7 @@ When you're done experimenting at any checkpoint, remove the Azure resources to
7682
[connect-site]: 3-connect-to-site/
7783
[review]: ../10-review/
7884
[cleanup]: #clean-up-your-resources
85+
[video-walkthrough]: https://www.youtube.com/watch?v=l37ZnSjKRxo
7986
[azure-skills]: https://github.com/microsoft/azure-skills#github-copilot-cli
8087
[foundry-skill]: https://learn.microsoft.com/azure/foundry/how-to/develop/use-microsoft-foundry-skill?tabs=copilot-cli
8188
[hosted-agent-quickstart]: https://learn.microsoft.com/azure/foundry/agents/quickstarts/quickstart-hosted-agent?pivots=foundry-skills

‎docs/real-world-development/vscode/7-foundry-toolkit/README.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,12 @@ lastUpdated: 2026-09-16
1212

1313
The required VS Code harness is complete after Exercise 6. This optional extension uses GitHub Copilot Chat and Microsoft Foundry Toolkit in VS Code to turn the Tailspin catalog into a Backer Concierge, deploy it as a hosted agent, and connect it to the site through a local proxy.
1414

15+
## Video walkthrough
16+
17+
Follow the [VS Code and Foundry Toolkit video walkthrough on YouTube][video-walkthrough] alongside the written modules below. You can also use that link if the embedded player is unavailable.
18+
19+
<iframe src="https://www.youtube-nocookie.com/embed/rfBulzrp5wY?cc_load_policy=1" title="Video walkthrough: Build a Backer Concierge with VS Code and Microsoft Foundry Toolkit" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;"></iframe>
20+
1521
## Scenario
1622

1723
Backers ask questions that filters cannot answer: which game suits someone who loves git puns, or what makes one puzzle game a better fit than another? Tailspin Toys needs a concierge that recommends real catalog titles, asks a clarifying question when needed, and earns trust by admitting when funding numbers or other facts are unavailable.
@@ -93,5 +99,6 @@ When you're done experimenting at any checkpoint, remove the Azure resources to
9399
[module-2]: 2-build-and-deploy/
94100
[module-3]: 3-connect-to-site/
95101
[cleanup]: #clean-up-your-resources
102+
[video-walkthrough]: https://www.youtube.com/watch?v=rfBulzrp5wY
96103
[foundry-toolkit]: https://code.visualstudio.com/docs/intelligentapps/overview
97104
[foundry-extension]: https://learn.microsoft.com/azure/developer/azure-developer-cli/extensions/azure-ai-foundry-extension

0 commit comments

Comments
 (0)