Replace GH sample embeds in the remaining Learn area articles

[chrisdavidmills]

Description

This PR is part of mdn/mdn#605, which sets out the aim of removing embedded learning-area repo examples into regular content. See mdn/mdn#605 (comment) specifically for a list of GH embed macros we want to remove.

This PR removes GH embed macros from the remaining Learn area articles, replacing them with regular live sample embeds.

Note that one GH embed I haven't replaced is the Three.js example in the "Drawing graphics" article. It includes a copy of the Three library, and I wasn't sure how best to include this. We should explore that in a separate PR at some point.
^ done

Motivation

Additional details

Related issues and pull requests

[github-actions]

Preview URLs

• /en-US/docs/Learn_web_development/Extensions/Client-side_APIs/Drawing_graphics
• /en-US/docs/Learn_web_development/Extensions/Client-side_APIs/Video_and_audio_APIs
• /en-US/docs/Learn_web_development/Extensions/Testing/HTML_and_CSS

External URLs (1)

URL: /en-US/docs/Learn_web_development/Extensions/Client-side_APIs/Drawing_graphics
Title: Drawing graphics

• https://threejs.org/docs/index.html (10 times) (Note! This may be a new URL 👀)

(comment last updated: 2025-09-01 14:21:40)

[bsmth]

FYI #40915 is touching similar content, the sintel video is used there, too

[bsmth]

Note that one GH embed I haven't replaced is the Three.js example in the "Drawing graphics" article. It includes a copy of the Three library, and I wasn't sure how best to include this.

You can have a look here for an example that does this:

content/files/en-us/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.md

Line 184 in dbf1f82

## Three.js shape example

[chrisdavidmills]

Note that one GH embed I haven't replaced is the Three.js example in the "Drawing graphics" article. It includes a copy of the Three library, and I wasn't sure how best to include this.

You can have a look here for an example that does this:

content/files/en-us/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.md

Line 184 in dbf1f82

## Three.js shape example

Superb, thanks @bsmth! I've followed the same pattern, and it works now, in-page. The one thing missing is the image tile I use in the example. I've added that to the shared-assets repo in mdn/shared-assets#64

[bsmth]

Superb, thanks @bsmth! I've followed the same pattern, and it works now, in-page. The one thing missing is the image tile I use in the example. I've added that to the shared-assets repo in mdn/shared-assets#64

Lovely, that's merged now so you can have another look if it works

[bsmth]

Note that these are in the shared assets repo already -> https://github.com/mdn/shared-assets/tree/main/videos

[chrisdavidmills]

Awesome; I've updated those references too.

[bsmth]

Nice, I think that's everything from my side! TY