import{s as ne,n as re,o as le}from"../chunks/scheduler.7bc62968.js";import{S as de,i as me,g as n,s as a,r as W,A as ue,h as r,f as o,c as s,j as ae,u as B,x as d,k as se,y as pe,a as i,v as R,d as F,t as G,w as O}from"../chunks/index.2f8492b0.js";import{H as K,E as fe}from"../chunks/EditOnGithub.2a9ce03a.js";function ce(J){let l,q,C,P,m,T,u,N=`Welcome to the Video and Video Processing unit. Maybe you have realized that in our course content so far, we have mainly focused on standard, static 2D images.
Of course, the real world of Computer Vision has a lot more to offer. Videos are definitely one of the most used mediums in our world due to applications like Social Media, broadcasts, or surveillance cameras.`,k,p,Q="Given their importance in our society and research, we also want to talk about them here in our course. In this introduction chapter, you will learn some very basic theory behind videos before going on to have a closer look at video processing.",H,f,X="Let’s go! 🤓",z,c,L,h,Y="An image is a binary, two-dimensional (2D) representation of visual data. A video is a multimedia format that sequentially displays these frames or images.",V,v,Z=`Technically speaking, the frames are separate pictures. As a result, storing and playing these frames sequentially at a conventional speed results in the creation of a video, thus giving the illusion of motion (just like a flipbook).
It is a popular and widely used medium for communicating information, entertainment, and conversation. Videos and photos are obtained via image-acquisition equipment such as video cameras, smartphones, and so on.`,A,g,I,y,ee=`<li><p><strong>Resolution:</strong>
The resolution of a video refers to the number of pixels in each frame or we can also refer to it as the size of each frame in the video. It doesn’t need to be a standard size, but there are common sizes for video. Common video resolutions include HD (1280x720 pixels), Full HD (1920x1080 pixels), Ultra HD or 4K (3840x2160 pixels), and so on.
When a video is said to have a resolution of 1920x1080 pixels, it essentially means the video has a width of 1920 pixels and a height of 1080 pixels.
Higher resolution videos have more detail but also require more storage space and processing power.</p></li> <li><p><strong>Frame Rate:</strong>
A video is composed of multiple separate frames, or images. In order to give the impression of motion, these frames are displayed quickly one after the other.
The number of frames displayed per second is called the “frame rate.” Common frame rates include 24, 30, and 60 frames per second (fps) or hertz (general unit for frequency). Higher frame rates result in smoother motion.</p></li> <li><p><strong>Bitrate:</strong>
The quantity of data needed to describe audio and video is called bitrate. Better quality is achieved at higher bitrates, but streaming requires more storage and bandwidth.</p></li>`,M,x,te="Bitrates for videos are commonly expressed in megabytes per second (mbps) or kilobytes per second (kbps).",E,b,oe=`<li><strong>Codecs:</strong>
Codecs, short for “compressor-decompressor” are software or hardware components that compress and decompress digital media to reduce the size of media files, making them more manageable for storage and transmission while maintaining an acceptable level of quality.
There are two main types of codecs; “lossless codecs” and “lossy codecs”. Lossless codecs are designed to compress data without any loss of quality, while lossy codecs are more designed to compress by removing some of the data resulting in a loss of quality.</li>`,D,$,ie="In summary, a video is a dynamic multimedia format that combines a series of individual frames, audio, and often additional metadata. It is used in a wide range of applications and can be tailored for different purposes, whether for entertainment, education, communication, or analysis.",j,w,S,_,U;return m=new K({props:{title:"Introduction",local:"introduction",headingTag:"h1"}}),c=new K({props:{title:"What is a Video?",local:"what-is-a-video",headingTag:"h2"}}),g=new K({props:{title:"Aspects of a Video",local:"aspects-of-a-video",headingTag:"h3"}}),w=new fe({props:{source:"https://github.com/johko/computer-vision-course/blob/main/chapters/en/unit7/video-processing/introduction-to-video.mdx"}}),{c(){l=n("meta"),q=a(),C=n("p"),P=a(),W(m.$$.fragment),T=a(),u=n("p"),u.textContent=N,k=a(),p=n("p"),p.textContent=Q,H=a(),f=n("p"),f.textContent=X,z=a(),W(c.$$.fragment),L=a(),h=n("p"),h.textContent=Y,V=a(),v=n("p"),v.textContent=Z,A=a(),W(g.$$.fragment),I=a(),y=n("ul"),y.innerHTML=ee,M=a(),x=n("p"),x.textContent=te,E=a(),b=n("ul"),b.innerHTML=oe,D=a(),$=n("p"),$.textContent=ie,j=a(),W(w.$$.fragment),S=a(),_=n("p"),this.h()},l(e){const t=ue("svelte-u9bgzb",document.head);l=r(t,"META",{name:!0,content:!0}),t.forEach(o),q=s(e),C=r(e,"P",{}),ae(C).forEach(o),P=s(e),B(m.$$.fragment,e),T=s(e),u=r(e,"P",{"data-svelte-h":!0}),d(u)!=="svelte-1padjc6"&&(u.textContent=N),k=s(e),p=r(e,"P",{"data-svelte-h":!0}),d(p)!=="svelte-upvie1"&&(p.textContent=Q),H=s(e),f=r(e,"P",{"data-svelte-h":!0}),d(f)!=="svelte-toty5d"&&(f.textContent=X),z=s(e),B(c.$$.fragment,e),L=s(e),h=r(e,"P",{"data-svelte-h":!0}),d(h)!=="svelte-10q29za"&&(h.textContent=Y),V=s(e),v=r(e,"P",{"data-svelte-h":!0}),d(v)!=="svelte-9w7mfy"&&(v.textContent=Z),A=s(e),B(g.$$.fragment,e),I=s(e),y=r(e,"UL",{"data-svelte-h":!0}),d(y)!=="svelte-7hg889"&&(y.innerHTML=ee),M=s(e),x=r(e,"P",{"data-svelte-h":!0}),d(x)!=="svelte-v1a01l"&&(x.textContent=te),E=s(e),b=r(e,"UL",{"data-svelte-h":!0}),d(b)!=="svelte-16y68c2"&&(b.innerHTML=oe),D=s(e),$=r(e,"P",{"data-svelte-h":!0}),d($)!=="svelte-zqye5x"&&($.textContent=ie),j=s(e),B(w.$$.fragment,e),S=s(e),_=r(e,"P",{}),ae(_).forEach(o),this.h()},h(){se(l,"name","hf:doc:metadata"),se(l,"content",he)},m(e,t){pe(document.head,l),i(e,q,t),i(e,C,t),i(e,P,t),R(m,e,t),i(e,T,t),i(e,u,t),i(e,k,t),i(e,p,t),i(e,H,t),i(e,f,t),i(e,z,t),R(c,e,t),i(e,L,t),i(e,h,t),i(e,V,t),i(e,v,t),i(e,A,t),R(g,e,t),i(e,I,t),i(e,y,t),i(e,M,t),i(e,x,t),i(e,E,t),i(e,b,t),i(e,D,t),i(e,$,t),i(e,j,t),R(w,e,t),i(e,S,t),i(e,_,t),U=!0},p:re,i(e){U||(F(m.$$.fragment,e),F(c.$$.fragment,e),F(g.$$.fragment,e),F(w.$$.fragment,e),U=!0)},o(e){G(m.$$.fragment,e),G(c.$$.fragment,e),G(g.$$.fragment,e),G(w.$$.fragment,e),U=!1},d(e){e&&(o(q),o(C),o(P),o(T),o(u),o(k),o(p),o(H),o(f),o(z),o(L),o(h),o(V),o(v),o(A),o(I),o(y),o(M),o(x),o(E),o(b),o(D),o($),o(j),o(S),o(_)),o(l),O(m,e),O(c,e),O(g,e),O(w,e)}}}const he='{"title":"Introduction","local":"introduction","sections":[{"title":"What is a Video?","local":"what-is-a-video","sections":[{"title":"Aspects of a Video","local":"aspects-of-a-video","sections":[],"depth":3}],"depth":2}],"depth":1}';function ve(J){return le(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class be extends de{constructor(l){super(),me(this,l,ve,ce,ne,{})}}export{be as component};
