Auteur Sujet: Exemples de pages web avec vidéo décorative  (Lu 7458 fois)

0 Membres et 1 Invité sur ce sujet

turold

  • Abonné Orange Fibre
  • *
  • Messages: 1 761
  • mp fermée (sauf admin et exceptions temporaires)
    • Site officieux de Paint.NET.
Exemples de pages web avec vidéo décorative
« Réponse #48 le: 15 mars 2025 à 23:16:51 »
Alors visiblement tu en as fait une pub efficace puisqu'il y a un peu plus que 0 joueurs désormais (voir plus bas).
Dommage que je ne touche pas de commission dessus. :P Je n'ai plus de compte dans ce jeu depuis très longtemps.

Après en regardant très rapidement : c'est vrai que comme jeu c'est très statique, mais il y a quand même beaucoup d'animations vectorielles. C'est "imitable" en HTML4 avec des des images animées oui, mais pour le coup c'est beaucoup moins efficace, ça demande beaucoup plus d'efforts (et c'est moins éco-concept d'ailleurs, d'un point de vue encodage ?)
Même si toutes ces animations ne servent pas à grand chose pour le jeu.
Pour les animations dans ce jeu, nous sommes d'accord.

Concernant le vectoriel dans HTML4, c'est possible avec SVG (mais c'est un peu plus compliqué que les autres formats d'images).
Même si comme WebP/Avif de nos jours, le SVG a surtout mis beaucoup de temps à se démocratiser.
Mais le SVG est disponible depuis les années 2000 dans les navigateurs.

Le jeu est surtout à l'abandon (contrairement au domaine) pour garder du Flash encore aujourd'hui, pour du grand publique.

vivien

  • Administrateur
  • *
  • Messages: 49 980
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #49 le: 17 mars 2025 à 13:41:28 »
Autre retour vers le passé, les sites web avec de la musique (un fichier .midi)

Par exemple sur ce site web https://web.archive.org/web/20030923181805/http://matthewsplace.com/

Il y a un fichier audio Midi de 7,6 Ko :
<p><embed src="/web/20030923181805oe_/http://matthewsplace.com/matthewsplace.mid" width="2" height="0" autostart="true" loop="1"> </p>
J'ai l'impression que les navigateurs actuels ne sont plus compatibles avec la lecture de musique midi en fond.

Il faudrait que je teste avec Internet Explorer, vu que le site mentionne "Best viewed with Internet Explorer"

Sur des versions plus anciennes (mai 2000) de la même page web, c'est un autre code :
<bgsound src="images/cannon.mid" loop="1">

turold

  • Abonné Orange Fibre
  • *
  • Messages: 1 761
  • mp fermée (sauf admin et exceptions temporaires)
    • Site officieux de Paint.NET.
Exemples de pages web avec vidéo décorative
« Réponse #50 le: 17 mars 2025 à 17:18:36 »
Ah, l'audio MIDI, je l'avais oublié, celui-là.
N'empêche, en éco-conception à l'époque, c'était l'audio WAV/WAVE qui était (et reste) le pire.

D'ailleurs, ces 2 formats ont été implémentés avec le HTML5.
Côté navigateurs de bureau:
- WAV/WAVE (natif): tout les navigateurs sauf IE (très peu de HTML5).
- MIDI (via API): tout les navigateurs sauf IE et Safari.

Hors HTML5, je ne connais pas les implémentations. Mais je ne connais pas de site qui les utilise en HTML5.

vivien

  • Administrateur
  • *
  • Messages: 49 980
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #51 le: 21 mars 2025 à 22:15:29 »
Image 5512 % de la taille visualisée !

Ce n'est pas une vidéo, mais sur la page https://www.avicca.org/actualite/ztd-vers-une-fermeture-du-cuivre-en-2032 on a une image annexe "TRIP de printemps 2025 Les 13 et 14 mai" qui apparait en petite taille (150x208 pixels), mais sa taille réelle est de 8268x118111 pixels et une taille de près de 9 Mo !



Voici l'image avec 150 pixels de large. Cliquer pour agrandir. Pour voir la taille réelle de 8268 pixels, il faut la télécharger ou faire bouton droit "ouvrir l'image dans un nouvel onglet " et cliquer pour afficher en taille 100%.


vivien

  • Administrateur
  • *
  • Messages: 49 980
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #52 le: 15 mai 2025 à 22:02:29 »
vivatechnology.com : Un exemple de ce qu'il ne faut pas faire

Quand vous avez de nombreuses petites images de 168 pixels x 168 pixels, comment faire pour que cela soit le plus lourd possible à être téléchargé ?

Vous mettez des images bien trop grandes de  3000 pixels x 3000 pixels conjugué à un format d'image totalement inadapté pour des photos : le PNG.

On se retrouve avec des dizaines de Mo à télécharger pour quelques petites images !



Les images téléchargées sont au format PNG, avec une taille de 3000 x 3000 pixels avant que le navigateur réduise leur taille :





vivien

  • Administrateur
  • *
  • Messages: 49 980
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #53 le: 15 mai 2025 à 22:03:46 »
Pour alourdir la page https://vivatechnology.com/ on peut aussi rajouter une vidéo décorative

- Vidéo de 33,9 Mo
- Durée : 60 secondes
- Définition : 1920 x 1080 à 25 images par seconde
- Codec : H.264 High, débit de 4,4 Mbit/s




La vidéo en question :


Florian

  • Abonné Bbox fibre
  • *
  • Messages: 2 181
  • 78
Exemples de pages web avec vidéo décorative
« Réponse #54 le: 16 mai 2025 à 13:51:12 »
C'est malheureusement à la mode depuis un bail les vidéos lancées depuis youtube/googlevideos insérées dans la page  >:(


guiest63

  • Abonné Bbox fibre
  • *
  • Messages: 156
  • Riom (63)
Exemples de pages web avec vidéo décorative
« Réponse #55 le: 23 mai 2025 à 09:56:40 »
Sur le site de XP fibre il y a aussi une vidéo sur toutes les pages web en auto lecture sur plusieurs pages


timpera

  • Abonné FAI autre
  • *
  • Messages: 155
  • Paris
Exemples de pages web avec vidéo décorative
« Réponse #56 le: 03 juin 2025 à 21:21:38 »
Pourquoi le toit de la maison au milieu en bas "vibre" ? Problème de compression ?  ;D

MaxLebled

  • Abonné Free fibre
  • *
  • Messages: 776
  • Rennes (35)
    • Site web
Exemples de pages web avec vidéo décorative
« Réponse #57 le: 03 juin 2025 à 21:41:06 »
Oui, mauvaise estimation du vecteur de mouvement ou trop d'aggressivité pour garder le macrobloc existant malgré une longue distance.

Il est à noter qu'ils ne se sont pas foulés pour encoder leur vidéo : ils sont juste pris le fichier généré par YouTube, mdr.

Dédicace spéciale aux 882 KiB de la piste audio complètement vide.