-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvideo.html
111 lines (95 loc) · 6.42 KB
/
video.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3C - Bracco Mattia</title>
</head>
<body>
<div class="container-fluid">
<!-- PUNTO DI RITORNO INIZIO PAGINA -->
<a name="up"></a>
<!-- NAVBAR -->
<div class="row mb-3">
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 offset-xl-3 bg-dark navbar"><a href="index.html">HOME</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-dark navbar"><a href="testo.html">TESTO</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-dark navbar"><a href="audio.html">AUDIO</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-dark navbar"><a href="immagini.html">IMMAGINI</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-success navbar">VIDEO</div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-2 bg-dark navbar"><a href="corpo.html">CORPO UMANO</a></div>
</div>
<!-- INIZIO CODIFICHE VIDEO -->
<div class="row">
<a name="video"></a>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 mt-3 video">CODIFICHE VIDEO</div>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-2, col-xl-2 mt-3"><img width="100%" src="img/mani.jpeg" title="" alt="mani" /></div>
</div>
<!-- TESTO CHE DESCRIVE IL VIDEO -->
<div class="row mt-3">
<div class="col-12 definizioni">
<p>
Le immagini in movimento vengono rappresentate con una serie di immagini fisse dette <strong>FRAME</strong> visualizzate velocemente in modo da permettere all' occhio di ricostruire i movimenti.
<br> È necessario convertire ogni fotogramma in digitale per poterlo memorizzare (e successivamente riprodurlo in modo analogico su uno schermo).
<br> Per <strong>digitalizzare</strong> un <strong>segnale proveniente da una telecamera o da una TV</strong> si utilizzando delle apposite <strong>schede e software video</strong> mentre per i <strong>cartoni animati o i videgames</strong> si utilizzano <strong>sequenze di disegni per creare</strong> delle <strong>animazioni</strong>.
<br> Uno dei fattori che incide sullo <strong>spazio occupato</strong> è il <strong>numero di frame per secondo (FPS)</strong>.
</p>
</div>
</div>
<!-- CAVALLO IN MOVIMENTO -->
<div class="row">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-8, col-xl-8 mt-3"><img width="50%" src="img/the_horse_in_motion.jpg" title="" alt="cavallo in movimento" /></div>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-4, col-xl-4 mt-3 definizioni">
<p>
Nel 1878 <strong>Eadwerd Muybridge fotografò un cavallo in corsa </strong> utilizzando 24 fotocamere azionate da un filo che veniva colpito dal cavallo, con queste foto dimostrò come gli zoccoli si solevassero contemporaneamente.
</p>
</div>
</div>
<!-- CINETOSCOPIO -->
<div class="row mt-3 ">
<div class="col-12 definizioni">
<p>
Nel <strong>1891 Thomas Edison</strong> inventò il <strong>cinetoscopio</strong> nel quale le immagini scorrevano ad una
<stronf>velocità di 48 FPS</strong>, nel <strong>1895</strong> i <strong>fratelli Lumiere ridussero</strong> i frame per secondo <strong>a 16</strong>.
</p>
</div>
</div>
<!-- DISNEY -->
<div class="row mt-3 ">
<div class="col-12 definizioni">
<p>
<strong>Negli anni '20 la Disney</strong> utilizzava <strong>24 frame al secondo</strong> per produrre le animazioni dei cartoni animati (24 FPS).
</p>
</div>
</div>
<!-- FORMATI VIDEO -->
<div class="row">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10 col-xl-10 mt-3 audio">FORMATI FILE VIDEO</div>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-2, col-xl-2 mt-3"><img width="100%" src="img/formati_video.png" title="" alt="formati file video" /></div>
</div>
<!-- TESTO CHE DESCRIVE I FORMATI -->
<div class="row mt-3">
<div class="col-12 definizioni">
<p>
I formati video più diffusi sono:
<br><strong>MP4</strong> definizione inferiore, adatto ai video pubblicati sui social.
<br><strong>AVI</strong> (Audio Video Interlave) funziona con quasi tutti i browser web sia su computer Windows, sia su Mac e pure su Linux.
<br><strong>MPEG</strong> (Moving Picture Experts Group) normalmente sono utilizzati per la memorizzazione di filmati e clip animate in qualità VCD (per i CD).
<br><strong>MOV</strong> (abbreviazione di movie) video, audio ed effetti ad alta qualità, ma file di grandi dimensioni.
</p>
</div>
</div>
<!-- TASTO RITORNO INIZIO PAGINA -->
<div class="row mt-3">
<div class="col-2 bg-dark tastoHome"><a href="index.html">HOME</a></div>
<div class="col-1 offset-9 bg-warning tastoUp"><a href="#up">UP</a></div>
</div>
</div>
<!-- VA SEMPRE MESSO COME ULTIMA COSA PRIMA DI CHIUDERE IL BODY ! -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>