fix(curriculum): remove video from Date, Audio and Video lectures (#61585)

This commit is contained in:
Supravisor
2025-07-30 15:53:16 +12:00
committed by GitHub
parent e54fd8b1ef
commit 478f84a7a6
8 changed files with 14 additions and 70 deletions
@@ -1,19 +1,12 @@
---
id: 6733ab12b60bd7f6b2b0b0c0
title: How Does the Audio Constructor Work, and What Are Some Common Methods?
challengeType: 11
videoId: d817IJ30WkM
challengeType: 19
dashedName: how-does-the-audio-constructor-work-and-what-are-some-common-methods
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
How does the `Audio` constructor work, and what are some common methods?
Let's learn about the `Audio` constructor and its common methods.
The `Audio` constructor, like other constructors, is a special function called with the `new` keyword. It returns an `HTMLAudioElement`, which you can then use to play audio for the user, or append to the DOM for the user to control themselves.
@@ -110,7 +103,7 @@ Call the `stop()` method.
### --feedback--
The video mentions the two things you need to do to pause and reset the audio back to the beginning.
The lecture mentions the two things you need to do to pause and reset the audio back to the beginning.
---
@@ -118,7 +111,7 @@ Call the `reset()` method.
### --feedback--
The video mentions the two things you need to do to pause and reset the audio back to the beginning.
The lecture mentions the two things you need to do to pause and reset the audio back to the beginning.
---
@@ -130,7 +123,7 @@ Call the `pause()` method, and then call the `reset()` method.
### --feedback--
The video mentions the two things you need to do to pause and reset the audio back to the beginning.
The lecture mentions the two things you need to do to pause and reset the audio back to the beginning.
## --video-solution--
@@ -1,19 +1,12 @@
---
id: 6733d8203da84a08a0f5eab4
title: What Are the Different Types of Video and Audio Formats?
challengeType: 11
videoId: 8JYWipao8GY
challengeType: 19
dashedName: what-are-the-different-types-of-video-and-audio-formats
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What are the different types of video and audio formats?
Let's learn about the different types of audio and video formats.
You have probably heard of, or even used, a few common ones. If the terms MP3, MP4, MOV, or WebM are familiar to you, those are all different formats for video and audio. And there are quite a few more that are available.
@@ -1,19 +1,12 @@
---
id: 6733d829d983c008d2db41a1
title: What Are Codecs and How Do They Work?
challengeType: 11
videoId: Tr7ruMKuEIs
challengeType: 19
dashedName: what-is-codecs-and-how-does-it-work
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What are codecs and how do they work?
Let's learn about codecs and how they work.
If you have worked with videos or audio before, you may have heard about codecs. A codec, short for "encoder/decoder", is an algorithm or software that can convert audio and video between analogue and digital formats.
@@ -1,19 +1,12 @@
---
id: 6733d83630e76f08ff49e6dc
title: What Is the HTMLMediaElement API and How Does It Work?
challengeType: 11
videoId: NS3YH1_BUeo
challengeType: 19
dashedName: what-is-the-htmlmediaelement-api-and-how-does-it-work
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What is the `HTMLMediaElement` API and how does it work?
The `HTMLMediaElement` API is a powerful tool to control the behavior of audio and video elements on your page. It extends the base `HTMLElement` interface, so you have access to the base properties as well as these helpful methods.
You've already explored some of the methods in a previous lecture about the `Audio` element, such as `play()` and `pause()`. These same methods are available on video elements as well.
@@ -1,19 +1,12 @@
---
id: 6733d852175df50937f06061
title: How Can You Work with the Media Streams to Capture Video and Audio from a Local Device?
challengeType: 11
videoId: l7DpWBSCkBs
challengeType: 19
dashedName: how-can-you-work-with-the-media-streams-getusermedia-to-capture-video-and-audio-from-a-local-device
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
How can you capture video and audio from a local device?
Instead of playing audio and video, you may sometimes want to capture audio or video. The Media Capture and Streams API, or the MediaStream API, allows you to do this.
In order to use the API, however, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the global `navigator` object has a `getUserMedia()` method for you to use.
@@ -1,19 +1,12 @@
---
id: 6733d8606fb893099e3d0df3
title: What Are Some Other Examples of Video and Audio APIs?
challengeType: 11
videoId: iBjygRRu1t8
challengeType: 19
dashedName: what-are-some-other-examples-of-video-and-audio-apis
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What are some other examples of video and audio APIs?
You've learned about the `HTMLMediaElement` and MediaStreams APIs, but there are a few more APIs that can be quite helpful in working with video and audio.
The first is the Screen Capture API. As the name might suggest, this API allows you to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
@@ -1,24 +1,17 @@
---
id: 6733aafb9c0802f66cc1e056
title: How Does the JavaScript Date Object Work, and What Are Some Common Methods?
challengeType: 11
videoId: aFGXBwkmNqg
challengeType: 19
dashedName: how-does-the-javascript-data-object-work-and-what-are-some-common-methods
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
How does the JavaScript `Date` object work, and what are some common methods?
Dates and times in JavaScript have not always been easy to work with. In a professional codebase, you will probably be using a library that has solved a lot of those issues for you.
But there will be times where you will need to work JavaScript's built-in `Date` object.
In this lecture video, we will go over the basics of the `Date` object and some of the most common methods that you will use when working with dates and times in JavaScript.
In this lecture, we will go over the basics of the `Date` object and some of the most common methods that you will use when working with dates and times in JavaScript.
The `Date` object is a built-in object in JavaScript that allows you to work with dates and times. Here is the basic syntax for creating a new `Date` object:
@@ -1,20 +1,13 @@
---
id: 6733d608654c17868e01c0a2
title: What Are the Different Ways to Format Dates?
challengeType: 11
videoId: 67I6H8Vce2E
challengeType: 19
dashedName: what-are-the-different-ways-to-format-dates
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What are the different ways to format dates in JavaScript?
In the previous lecture video, you learned how to work with the `Date` object in JavaScript. But there are a few different ways to format dates in JavaScript.
In the previous lecture, you learned how to work with the `Date` object in JavaScript. But there are a few different ways to format dates in JavaScript.
In this lecture, we'll take a look at how to work with the `toISOString()`, `toString()`, and `toLocaleDateString()` methods to format dates in JavaScript.
@@ -89,7 +82,7 @@ In the above example, we specified the options to be in English (Great Britain)
Sunday, September 29, 2024
```
In this video, we have only covered a few of the ways to format dates in JavaScript. There are many other methods and libraries available to help you format dates in JavaScript. But the `toISOString()`, and `toLocaleDateString()` methods are a good starting point for formatting dates in JavaScript.
In this lecture, we have only covered a few of the ways to format dates in JavaScript. There are many other methods and libraries available to help you format dates in JavaScript. But the `toISOString()`, and `toLocaleDateString()` methods are a good starting point for formatting dates in JavaScript.
# --questions--