mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
fix(curriculum): remove video from Date, Audio and Video lectures (#61585)
This commit is contained in:
+4
-11
@@ -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
-8
@@ -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
-8
@@ -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
-8
@@ -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
-8
@@ -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
-8
@@ -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.
|
||||
|
||||
+2
-9
@@ -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:
|
||||
|
||||
|
||||
+3
-10
@@ -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--
|
||||
|
||||
|
||||
Reference in New Issue
Block a user