mirror of
https://github.com/leandromoreira/digital_video_introduction.git
synced 2026-01-10 06:57:57 -05:00
adds video image 101
This commit is contained in:
20
README.md
20
README.md
@@ -6,22 +6,20 @@ This repo will be used to provide a gentle introduction to video technology, alt
|
||||
|
||||
# Basic video/image terminology
|
||||
|
||||
An **image** can be thought as a 2D matrix and if we think about colors, we can extrapolate this idea, now the image can be seen as a **3D matrix**. The lines and rows are the 2D part and the **additional dimension** is used to provide **color info**, there are tree planes, the first one **red**, the second **green** and the last the **blue** color.
|
||||
An **image** can be thought as a **2D matrix** and if we think about **colors**, we can extrapolate this idea seeing this image as a **3D matrix**. The lines and rows are the 2D part and the **additional dimensions** are used to provide **color info**.
|
||||
|
||||
If we chose to represent these colors using the [primary colors (red, green and blue)](https://en.wikipedia.org/wiki/Primary_color), we can then define the tree planes: the first one **red**, the second **green** and the last the **blue** color.
|
||||
|
||||

|
||||
|
||||
Each point in this matrix, called **pixel** (picture element), will hold the **intensity** (usually a numeric value) of that given color. A **total red color** means 0 of green, 0 of blue and max of red, the **pink color** can be formed with (using 0 to 255 as the possible range) with **Red=255, Green=192 and Blue=203**.
|
||||
Each point in this matrix, we'll call it **a pixel** (picture element), will hold the **intensity** (usually a numeric value) of that given color. A **total red color** means 0 of green, 0 of blue and max of red, the **pink color** can be formed with (using 0 to 255 as the possible range) with **Red=255, Green=192 and Blue=203**.
|
||||
|
||||
For instance, look at this picture, you can see that it has a lots of red and few blue colors therefore the **red color** will be the one that **contributes more** (the brightest parts) to the final color while the **blue color** contribution can be mostly **only seen in Mario's eyes** and part of Mario's clothes.
|
||||
For instance, look at this picture, you can see that it has a lots of red and few blue colors therefore the **red plane** will be the one that **contributes more** (the brightest parts) to the final color while the **blue plane** contribution can be mostly **only seen in Mario's eyes** and part of Mario's clothes.
|
||||
|
||||

|
||||
|
||||
And each color intensity requires a certain amount of bits, this quantity is know as **bit depth**. Let's say we spend **8 bits** (accepting values from 0 to 255) per channel, therefore we have a **color depth** of **24 (8 * 3) bits** and you can also infer that we could use 2 to the power of 24 different colors.
|
||||
And each color intensity requires a certain amount of bits, this quantity is know as **bit depth**. Let's say we spend **8 bits** (accepting values from 0 to 255) per channel, therefore we have a **color depth** of **24 (8 * 3) bits** and you can also infer that we could use 2 to the power of 24 different colors. We could also create a **gray image** and really only spend **8 bits** total.
|
||||
|
||||
We could also create a **gray image** and really only spend **8 bits** total.
|
||||
|
||||
|
||||
resolution, aspect ratio, pixel aspect ratio, video, interlaced, progressive, bitrate, CBR, VBR, ABR
|
||||
|
||||
|
||||
You can think of a video being a series of `images` (the quantity of pictures per second would be the **frame rate** or **FPS(frames per second)**.
|
||||
> #### Heads up
|
||||
> You can [play around with image and colors](/image_as_3d_array.ipynb) with python.
|
||||
>
|
||||
|
||||
147
image_as_3d_array.ipynb
Normal file
147
image_as_3d_array.ipynb
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user