HTML5 video: differenze tra le versioni

Versione delle 16:23, 14 mag 2024

Versione delle 20:12, 19 mag 2024

Riga 216:

== Piattaforma esterna o interna ==

Un video si può incorporare ospitandolo sul server del proprio sito web ("self [[hosting]]") o su una piattaforma esterna ([[YouTube]], [[Vimeo]],...)<ref>{{Cita web|url=https://www.liquidlight.co.uk/blog/youtube-videos-vs-self-hosted-which-one-is-better-for-you/|titolo=YouTube videos vs self-hosted: Which one is better for you?|sito=Liquid Light|lingua=en|accesso=2021-02-10}}</ref><ref>{{Cita web|url=https://www.invisibleharness.com/self-hosting-video-pros-cons/|titolo=Self-Hosting Video Content -Pros and Cons|autore=Tim Neighbors|sito=Video Production by Invisible Harness|data=2017-07-06|lingua=en-US|accesso=2021-02-10}}</ref><ref>{{Cita web|url=https://usabilla.com/blog/website-usability-youtube-player-vs-self-hosted-video/|titolo=Website Usability: YouTube Player vs. Self-Hosted Video|sito=The latest Voice of Customer and CX trends {{!}} Usabilla Blog|data=2015-08-04|lingua=en-US|accesso=2021-02-10}}</ref><ref>{{Cita web|url=https://smallbusiness.chron.com/tumblr-vs-wordpress-bands-38682.html|titolo=Tumblr vs. Wordpress for Bands|sito=Small Business - Chron.com|accesso=2021-02-10}}</ref>.

{| class="wikitable"

|+

Riga 261:

== 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|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>:[[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]]

{| class="wikitable"

|+

Riga 465:

=== Transizioni WebGL ===

Si possono creare transizioni tra un video e l'altro con [[WebGL]]<ref>{{Cita web|url=https://tympanus.net/codrops/2020/10/07/webgl-video-transitions-with-curtains-js/|titolo=WebGL Video Transitions with Curtains.js|autore=Team Codrops|sito=Codrops|data=2020-10-07|lingua=en-US|accesso=2021-02-10}}</ref>.<syntaxhighlight lang="javascript">

const curtains = new Curtains({

container: "canvas",