Un site multimédia associe sur ses pages plusieurs types de contenus : texte, images, vidéo, audio, animations ou éléments interactifs. Sa réussite tient à trois réglages : le choix des formats et du poids des fichiers, le mode d’hébergement des vidéos, puis l’accessibilité et les droits d’utilisation des contenus.
Site multimédia : définition et exemples d’usage
Un site multimédia se définit par la place que les médias occupent dans le parcours du visiteur : la vidéo, le son ou l’interactif portent le message au lieu de l’illustrer.
A lire aussi : 5 conseils de web design pour créer un site professionnel
Une présentation de produit en vidéo, un podcast, une galerie photo, une visite virtuelle ou un module interactif en sont des exemples courants. Un site vitrine purement textuel se contente de quelques images d’illustration.
Ces choix de contenu font partie de la conception globale du site, que détaille cet article sur les règles de conception d’un site professionnel.
A découvrir également : Pourquoi est-il déconseillé de créer soi-même son site internet ?
Formats d’image, de vidéo et de son à privilégier
Pour les images, la documentation de Mozilla (MDN) recommande de préférer WebP ou AVIF aux formats plus anciens. Les images WebP avec perte sont en moyenne de 25 à 35 % plus légères qu’un JPEG de qualité visuelle comparable, et les images AVIF avec perte pèsent environ 50 % de moins.
Le format AVIF a moins d’historique de prise en charge : la balise picture permet de proposer un JPEG ou un PNG de repli aux navigateurs qui ne le lisent pas.
Pour la vidéo, les conteneurs les plus répandus sont MP4 et WebM. La balise video accepte plusieurs sources : le navigateur les essaie dans l’ordre et garde la première qu’il sait lire. Proposer deux formats couvre donc tous les navigateurs.
L’audio suit la même logique, avec un fichier MP3 et, si besoin, un second format en secours. Les commandes de lecture natives (attribut controls) méritent d’être conservées, car elles se manient déjà au clavier, ce qu’un lecteur sur mesure doit reproduire.
Héberger ses vidéos soi-même ou passer par une plateforme
Héberger les fichiers sur son propre serveur donne la maîtrise de l’affichage, sans publicité ni cookies tiers. En contrepartie, chaque lecture consomme de la bande passante et du stockage, et la lecture peut saccader sur un serveur mutualisé.
Une plateforme de diffusion vidéo prend en charge l’encodage et adapte la qualité à la connexion du visiteur. Selon l’offre, elle peut en revanche afficher des publicités ou déposer des cookies tiers, ce qui touche à la vie privée des visiteurs.
Une solution intermédiaire consiste à n’afficher qu’une image d’aperçu et à ne charger le lecteur qu’au clic : la page reste légère et la vidéo n’est téléchargée que si le visiteur la lance. Dans tous les cas, la capacité du serveur compte, et un guide pour bien choisir son hébergeur aide à fixer les points à vérifier.
Pages légères et rapides : compression, chargement différé et lecture automatique
Des médias lourds ralentissent l’affichage, et un affichage lent fait partir les visiteurs avant qu’ils aient vu le contenu. Le premier levier consiste à compresser chaque image avant l’envoi et à ne jamais publier telle quelle la photo sortie de l’appareil.
Le chargement différé (attribut loading= »lazy ») retarde le téléchargement des images placées plus bas dans la page jusqu’à ce que le visiteur s’en approche. Déclarer la largeur et la hauteur de chaque image évite en plus que la mise en page ne se décale pendant le chargement.
La lecture automatique demande de la retenue. MDN précise que l’attribut autoplay peut être ignoré par certains navigateurs mobiles et qu’il est controversé lorsqu’il est mal employé. Une vidéo lancée d’office doit au minimum démarrer sans son.
Ces réglages concernent aussi le référencement sur Google, puisqu’une page lente gêne la lecture, ainsi que le temps passé par les visiteurs sur une page, que mesure le dwell time.
Accessibilité d’un site multimédia : sous-titres, transcription et texte alternatif
Un visiteur sourd, malentendant ou qui consulte la page sans son doit accéder au même contenu que les autres. Chaque type de média appelle donc son dispositif.
Les éléments à prévoir sont les suivants :
- Sous-titres pour les vidéos : la balise track associe un fichier de sous-titres au format WebVTT, avec une langue et un libellé par fichier.
- Transcription textuelle pour l’audio, publiée sur la page ou accessible par un lien depuis celle-ci.
- Texte alternatif pour chaque image, qui décrit ce qu’elle montre ; une image purement décorative reçoit un texte vide.
En France, le référentiel RGAA fixe ces exigences dans son thème consacré au multimédia. Il s’impose aux services publics, et le cadre européen sur l’accessibilité en étend l’application à certaines entreprises selon leur taille et leur secteur. Le site officiel de l’accessibilité numérique du gouvernement en donne le texte à jour.
Droits d’auteur et licences : ce qu’il faut vérifier avant de publier
Chaque image, vidéo ou musique appartient à son auteur tant qu’une licence n’en dispose pas autrement. Publier un média trouvé en ligne sans autorisation expose à une réclamation de l’auteur.
Les licences Creative Commons autorisent la réutilisation à des conditions précises. L’attribution impose de citer le créateur, la mention NonCommercial réserve l’usage aux projets sans visée commerciale, ShareAlike oblige à repartager les adaptations sous les mêmes termes et NoDerivatives interdit toute modification.
Pour la musique, la sonorisation d’un site demande l’accord des ayants droit, en général par l’intermédiaire de l’organisme de gestion collective des droits musicaux, selon un tarif propre à l’usage. Un morceau dit libre de droits se vérifie sur la licence exacte de chaque fichier.
Les personnes filmées ou photographiées conservent un droit à l’image : leur accord se recueille avant la publication, par écrit de préférence.
Avant la mise en ligne, un contrôle simple consiste à parcourir chaque page vidéo sans le son, puis au clavier seul. Tout ce qui devient inutilisable signale des sous-titres, une transcription ou des commandes natives manquants. La licence de chaque média se conserve avec le site, pour répondre à une éventuelle réclamation.
