Développement SMIL: créez des présentations qui feront sourire les gens

Divulgation: Votre soutien aide à maintenir le site en marche! Nous gagnons des frais de référence pour certains des services que nous recommandons sur cette page.


SMIL est un acronyme pour Synchronized Multimedia Integration Language. Malgré son orthographe, il est prononcé «sourire». Basé sur XML, SMIL affiche non seulement le contenu mais aussi le timing. En conséquence, il est utilisé pour créer des présentations et des animations multimédias. Un exemple très simple serait d’afficher une carte de titre pendant 5 secondes suivie d’une image pendant 10 secondes. Mais SMIL peut faire bien plus que cela.

Histoire de SMIL

En 1997, le World Wide Web Consortium (W3C) a commencé à développer SMIL. La première version officielle (SMIL 1.0) a été publiée en 1999. En 2001, SMIL 2.0 a été publiée, ce qui a apporté quelques modifications à la structure sous-jacente du langage et introduit des modules d’animation et de synchronisation. La norme actuelle est SMIL 3.0, qui a été publiée en 2008. Elle a élargi les modules existants et ajouté plus.

Après la sortie de SMIL 1.0, Microsoft et certaines autres sociétés ont proposé HTML + TIME au W3C. C’était un système permettant à SMIL d’être affiché dans les navigateurs ordinaires. Le W3C a considérablement modifié le système et a publié XHTML + SMIL, qui a ajouté la fonctionnalité SIML à XHTML.

Fonctionnalité de SMIL

SMIL vous permet de contrôler tous les aspects de l’affichage que vous contrôleriez à l’aide de PowerPoint ou d’un outil de présentation multimédia similaire:

  • Disposition
  • Calendrier des événements
  • Transitions
  • Médias (images, vidéo, audio)
  • Animation avec SVG [1]

Pourquoi utiliser SMIL

Il peut sembler beaucoup de tracas d’apprendre à coder SMIL alors que vous pouvez simplement utiliser PowerPoint et le convertir en format flash pour la distribution. Mais SMIL présente un certain nombre d’avantages par rapport à ce type d’approches. Vous trouverez ci-dessous les principaux, mais vous pouvez en savoir plus en lisant Qu’est-ce que SMIL et pourquoi devrions-nous l’utiliser?

  • Format de fichier ouvert. Ceci est particulièrement utile si vous collaborez avec une ou plusieurs personnes.
  • Les fichiers multimédias sont externes. Une fois vos fichiers multimédias terminés, ils ne doivent être téléchargés qu’une seule fois, même si vous apportez des modifications substantielles à vos présentations. De plus, vos présentations peuvent utiliser des fichiers multimédias sur différents serveurs. Cela signifie également que diverses présentations peuvent utiliser les mêmes fichiers multimédias.
  • Facilité d’édition. Les modifications en gros des présentations sont souvent très impliquées. Avec SMIL, il suffit de couper et coller des lignes de code.

Format SMIL

Les fichiers SMIL ressemblent beaucoup aux fichiers XHTML normaux. En fait, le format de base est exactement le même:

Voici une image de la galaxie d’Andromède:

Voici le texte d’une vidéo retardée de 5 secondes:

Comme vous pouvez le voir, il s’agit d’un fichier XML. La définition du langage SMIL 3.0 est ensuite chargée.

Après cela, il y a deux parties du fichier, tout comme avec un fichier XHTML: tête et corps. Dans la tête va les trucs habituels comme les balises META. Ici, nous venons de mettre une balise de mise en page de base pour définir l’arrière-plan comme la couleur turquoise.

Le corps est plus intéressant. Il commence par charger une image et une légende – les affichant pendant 5 secondes. Ensuite, il charge une vidéo flash, attend 5 secondes, puis affiche une légende de texte pour cela.

Dans cet exemple, vous voyez la plupart des fonctionnalités de base de SMIL et combien il est facile de créer des présentations.

Outils basiques

La prise en charge de SMIL est sommaire dans la plupart des navigateurs. Par exemple, à partir de la version 45, Chrome a rendu obsolète la prise en charge de SVG SMIL. Pour apprendre à coder SMIL, il vaut mieux avoir un visualiseur SMIL. Vous pouvez utiliser des outils courants comme QuickTime et RealPlayer. Vous aurez probablement plus de succès avec le lecteur open source Ambulant Player. Il est activement développé et prend en charge la spécification SMIL 3.0 complète.

En termes de développement, tout ce dont vous avez vraiment besoin est un éditeur de texte. Cependant, vous voudrez peut-être utiliser un éditeur adapté à SMIL et XML.

  • SMILGen SMIL Generation Tool: un éditeur XML conçu pour être utilisé avec SMIL.
  • LimSee2: un éditeur SMIL 2.0 qui n’est plus supporter et très difficile à trouver.

Ressources

Il existe de nombreuses ressources en ligne, mais elles peuvent être difficiles à localiser car nombre d’entre elles ont disparu au fil des ans. Ceux qui restent se concentrent souvent sur SMIL 2.0. Ce n’est pas un problème, car il contient toujours les informations pertinentes. Nous avons rassemblé les meilleures ressources ici.

Aperçu

  • Qu’est-ce que SMIL et pourquoi devrions-nous l’utiliser? Ceci est un excellent aperçu pour les personnes qui se concentrent sur la création de présentations plutôt que sur le codage.
  • Page SMIL 3.0 du W3C. Cela fournit des spécifications de l’ensemble du système.

Tutoriels

  • Multimédia 4 Tout le monde SMIL Page. Cette page contient une énorme quantité d’informations sur les différentes versions de SMIL. Mais le point culminant est la collection d’exemples SMIL.
  • Comment SMIL. Ce tutoriel vous guide à travers le processus de création de votre première présentation SMIL.
  • Une introduction au langage d’intégration multimédia synchronisé. Ceci est un tutoriel sur SMIL 2.0 via Archive.org.

Référence

  • Page multimédia synchronisée du W3C: si vous voulez entrer dans les écrous et les boulons de SMIL, c’est l’endroit où aller.

Livres

  • SMIL For Dummies< par Heather Williamson. C’est une introduction facile à SMIL, mais c’est un vieux livre qui se concentre principalement sur SMIL 1.0 et 2.0.
  • SMIL 3.0: Multimédia flexible pour le Web, les appareils mobiles et les livres parlés en marguerite par Dick Bulterman et Lloyd Rutledge.
  • Début XML avec Joe Fawcett, Liam Quin et Danny Ayers. Le livre ne touche qu’à SMIL, mais fournit une bonne base en XML, qui est le cœur de SMIL.
  • SVG Essentials par J David Eisenberg et Amelia Bellamy-Royds. Pas sur SMIL en soi, mais très utile pour les codeurs SMIL.

Conclusion

SMIL est un excellent outil pour les personnes qui souhaitent créer et distribuer des présentations. Et c’est particulièrement utile si vous souhaitez créer des présentations qui doivent être mises à jour de temps à autre. Il y a une courbe d’apprentissage modeste, mais une fois que vous avez compris, c’est aussi simple que de coder XHTML. Et il vous permet de réutiliser facilement le code que vous avez utilisé auparavant.

[1] SVG signifie Scalable Vector Graphics. À l’aide de SMIL, vous pouvez créer des animations en modifiant les graphiques en fonction du temps.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map