HTML5 video: differenze tra le versioni

Versione delle 21:03, 10 feb 2021

Versione delle 21:42, 10 feb 2021

Riga 258:

|SEO migliore (le piattaforme famose sono meglio indicizzate dei siti web privati)

|Possibile eliminazione del video se non risponde a certe regole

|}

== Confronto con altre tecniche ==

Alcune animazioni create con varie tecniche visivamente sono identiche o molto simili ad un video incorporato con il tag <code><video></code>. Ogni tecnica ha pro e contro, a seconda delle proprie esigenze<ref>{{Cita web|url=https://www.hippani.com/?S=AnimatorGallery&P=AnimatorGalleryView&RecordId=82|titolo=HTML Animation vs GIF vs Video - Hippani|sito=www.hippani.com|lingua=EN|accesso=2021-02-10}}</ref><ref>{{Cita web|url=https://webglfundamentals.org/webgl/lessons/webgl-animation.html|titolo=WebGL - Animation|sito=webglfundamentals.org|lingua=en|accesso=2021-02-10}}</ref><ref>{{Cita web|url=https://codemyui.com/tag/canvas/|titolo=15 Canvas Animation Inspiration - HTML & CSS Snippets Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀|sito=codemyui.com|lingua=en-US|accesso=2021-02-10}}</ref>:

{| class="wikitable"

|+

![[Graphics Interchange Format|GIF]]

![[CSS Animations|CSS animation]]

![[Canvas (elemento HTML)|Canvas]]\[[WebGL]]

![[Scalable Vector Graphics|SVG]]

!<video>

|-

|PRO: semplicità di creazione,

adattabilità ai diversi dispositivi

CONTRO: possibilità molto limitate, nessuna interattività

|PRO: possibilità ampie, poco peso in KB, interattività

CONTRO: non sempre adattabile

a tutti i dispositivi, programmazione

necessaria non sempre facile

|PRO: possibilità ampie, realismo 3D, interattività

CONTRO: non sempre adattabile

a tutti i dispositivi, programmazione

necessaria non sempre facile

|PRO: possibilità ampie, nessun vincolo alla qualità in pixel, interattività

CONTRO: non sempre adattabile

a tutti i dispositivi, programmazione

necessaria non sempre facile

|PRO: possibilità molto ampie con utilizzo di software avanzati di animazione come [[Adobe Premiere Pro|Premiere]] e [[Adobe After Effects|After effects]], adattabile

a tutti i dispositivi

CONTRO: nessuna interattività, file spesso pesanti, video scaricabile dall'utente con tasto destro del [[mouse]]

|-

| colspan="5" |[[File:Animation-confronto-web.png|alt=Con diverse tecniche si può ottenere lo stesso risultato animato|centro|miniatura|650x650px|Con diverse tecniche si può ottenere lo stesso risultato animato]]

|}