SMIL-udvikling: Opret præsentationer, der får folk til at smile

Afsløring: Din support hjælper med at holde webstedet kørt! Vi tjener et henvisningsgebyr for nogle af de tjenester, vi anbefaler på denne side.


SMIL er et akronym for synkroniseret multimedieintegrationssprog. På trods af dens stavemåde udtales det: “Smil.” Baseret på XML viser SMIL ikke kun indhold, men også timingen. Som et resultat bruges det til at oprette multimediepræsentationer og animationer. Et meget simpelt eksempel ville være at få vist et titelkort i 5 sekunder efterfulgt af et billede i 10 sekunder. Men SMIL kan gøre meget mere end det.

SMILs historie

Hele vejen tilbage i 1997 begyndte World Wide Web Consortium (W3C) at udvikle SMIL. Den første officielle version (SMIL 1.0) blev frigivet i 1999. I 2001 blev SMIL 2.0 frigivet, hvilket gjorde nogle ændringer i sprogets underliggende struktur og introducerede moduler til animation og timing. Den nuværende standard er SMIL 3.0, som blev frigivet i 2008. Den udvidede de eksisterende moduler og tilføjede mere.

Efter frigivelsen af ​​SMIL 1.0 foreslog Microsoft og nogle andre virksomheder HTML + TID til W3C. Det var et system, der gjorde det muligt for SMIL at blive vist i almindelige browsere. W3C ændrede systemet væsentligt og frigav XHTML + SMIL, hvilket tilføjede SIML-funktionalitet til XHTML.

Funktion af SMIL

SMIL giver dig mulighed for at kontrollere alle aspekter af skærm, som du vil kontrollere ved hjælp af PowerPoint eller et lignende multimediepræsentationsværktøj:

  • Layout
  • Tidspunkt for begivenheder
  • Overgange
  • Medier (billeder, video, lyd)
  • Animation med SVG [1]

Hvorfor bruge SMIL

Det kan virke som en masse besvær at lære at kode SMIL, når du bare kunne bruge PowerPoint og konvertere det til et flashformat til distribution. Men SMIL har en række fordele i forhold til denne slags tilgange. Nedenfor er de vigtigste, men du kan lære mere ved at læse, Hvad er SMIL og hvorfor skal vi bruge det?

  • Åbn filformat. Dette er især nyttigt, hvis du samarbejder med en eller flere mennesker.
  • Mediefiler er eksterne. Når dine mediefiler er færdige, skal de kun uploades en gang, selvom du foretager væsentlige ændringer til dine præsentationer. Derudover kan dine præsentationer bruge mediefiler på forskellige servere. Dette betyder også, at forskellige præsentationer kan bruge de samme mediefiler.
  • Nem redigering. Engrosændringer i præsentationer er ofte meget involverede. Hos SMIL er det bare et spørgsmål om at skære og indsætte kodelinjer.

SMIL-format

SMIL-filer ligner meget normale XHTML-filer. Faktisk er det grundlæggende format nøjagtigt det samme:

Dette er et billede af Andromeda Galaxy:

Dette er tekst til en video forsinket med 5 sekunder:

Som du kan se, er det en XML-fil. Derefter indlæses SMIL 3.0-sprogdefinitionen.

Derefter er der to dele af filen, ligesom med en XHTML-fil: hoved og krop. I hovedet går de sædvanlige ting som metatags. Her har vi lige tilføjet et grundlæggende layoutmærke for at indstille baggrunden til at være farvetelys.

Kroppen er mere interessant. Det starter med at indlæse et billede og en billedtekst – vise dem i 5 sekunder. Derefter indlæses den en flashvideo, venter 5 sekunder og viser derefter en teksttekst til den.

I dette ene eksempel ser du det meste af SMIL’s grundlæggende funktionalitet, og hvor let det er at oprette præsentationer.

Grundlæggende værktøjer

Support til SMIL er tegnende i de fleste browsere. For eksempel har Chrome fra version 45 forældet SVG SMIL-support. For at lære at kode SMIL er det bedst, at du får en SMIL-fremviser. Du kan bruge almindelige værktøjer som QuickTime og RealPlayer. Du får sandsynligvis større succes med open source-visningen Ambulant Player. Det er aktivt udviklet og understøtter den fulde SMIL 3.0-specifikation.

Med hensyn til udvikling er alt hvad du virkelig har brug for en teksteditor. Det kan dog være en god idé at bruge en editor, der er skræddersyet til SMIL og XML.

  • SMILGen SMIL Generation Tool: en XML-editor, der er skræddersyet til brug med SMIL.
  • LimSee2: en SMIL 2.0-editor, der ikke længere er tilhænger og meget vanskelig at finde.

Ressourcer

Der er masser af online ressourcer, men de kan være svære at finde, fordi mange af dem er forsvundet i årenes løb. De der er tilbage er ofte fokuseret på SMIL 2.0. Dette er ikke et problem, fordi det stadig indeholder de relevante oplysninger. Vi har samlet de bedste ressourcer her.

Oversigt

  • Hvad er SMIL, og hvorfor skal vi bruge det? Dette er et fremragende overblik for mennesker, der er fokuseret på at skabe præsentationer snarere end kodning.
  • W3Cs SMIL 3.0-side. Dette giver specifikationer for hele systemet.

Vejledninger

  • Multimedia 4 Alle SMIL Side. Denne side indeholder en enorm mængde information om forskellige versioner af SMIL. Men højdepunktet er samlingen af ​​SMIL-eksempler.
  • Sådan SMIL. Denne tutorial fører dig gennem processen med at oprette din første SMIL-præsentation.
  • En introduktion til det synkroniserede multimedieintegrationssprog. Dette er en tutorial på SMIL 2.0 via Archive.org.

Reference

  • W3Cs synkroniserede multimediaside: hvis du vil komme ind i møtrikker og bolte på SMIL, er dette stedet at gå.

Bøger

  • SMIL For Dummies< af Heather Williamson. Dette er en nem introduktion til SMIL, men det er en gammel bog, der mest fokuserer på SMIL 1.0 og 2.0.
  • SMIL 3.0: Fleksibel multimedie til internettet, mobile enheder og Daisy-talebøger af Dick Bulterman og Lloyd Rutledge.
  • Begyndende XML af Joe Fawcett, Liam Quin og Danny Ayers. Bogen berører kun SMIL, men giver et godt fundament i XML, som er kernen i SMIL.
  • SVG Essentials af J David Eisenberg og Amelia Bellamy-Royds. Ikke om SMIL i sig selv, men meget nyttigt for SMIL-kodere.

Konklusion

SMIL er et godt værktøj for mennesker, der ønsker at oprette og distribuere præsentationer. Og det er især nyttigt, hvis du vil oprette præsentationer, der fra tid til anden skal opdateres. Der er en beskeden læringskurve, men når du først får fat i det, er det lige så let som at kode XHTML. Og det giver dig mulighed for let at genbruge den kode, du har brugt før.

[1] SVG står for skalerbar vektorgrafik. Ved hjælp af SMIL kan du oprette animationer ved at foretage tidsafhængige ændringer af grafikken.

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