Skapa multimedia SMIL
Förord
Med SMIL så gör du enkelt en multimedia presentation. Du kan antingen göra det till en internetsida eller på ett media exempel CD, DVD m.fl. Eftersom det enda du behöver för att skapa en SMIL är en texteditor gör det att det blir princip gratis.Innehåll
»»
»
»
»
»
»
Relaterade artiklar
SMIL är XML och har du jobbat med det förut så kommer du tycka att skapa en SMIL är väldigt enkelt. Om du inte har jobbat med XML kommer det ändå går ganska så lätt för dig att skapa en SMIL eftersom det kräver inte är så hög ”tröskel” att komma igång.
SMIL är ett sätt att skapa enkelt ljud och bild presentation. SMIL kan du även använda för att skapa MMS till mobiltelefoner. SMIL står för Synchronized Multimedia Integration Language och är en öppen standard.
SMIL är ett synkroniserad system och det menas att man ställer in i en tidlinje vad och när ska det visa sig eller försvinna. Det mest vanligaste program som använder tidslinje är Macromedia Flash som har använt detta system antal år tillbaka.
Många som jobbar med media tycker att synkroniserad system gör det lättare att förstå vad som kommer att hända och varför. Detta gör att många vill jobba med det och det går relativt snabbt att skapa ett eget multimedia fil.
I dagsläget så finns det tyvärr bara två program som kan hantera SMIL format och det är QuickTime och Realplayer. Det finns ett annat sätt att köra SMIL och då fungerar det i de flesta nya webbläsare men enligt min mening så tycker jag det sättet är mer jobbigare men känner du dig varm i att skapa SMIL filer så finns det några länkar till det längre ner.
SMIL är XML som jag sa tidigare. SMIL uppbyggd på element som har antingen en starttag (<) och sluttag(/>) eller ett enda stort tag (exempel img som jag kommer att förklar längre ner)
SMIL case-sensitive, d.v.s. att den är känslig på stora och små bokstäver. Exempel är att
och
inte hör ihop så det bästa är att hålla sig till små tecken hela tiden.
Koden som finns överst ska alltid vara med annars ser de ut som XML kod, den har en start head () och en slut tag för den () och därimellan skriver man in det element som kommer att förklara visa element hur de ska bete sig när det är dags. I mellan layout taggarna (, ) så lägger man in den element som beskriver hur SMIL ska se ut och vilken storlek.
I mellan body taggara (, ) är där allt ska läggas upp som kommer antingen att visa sig eller höra för tittaren.
Sen är det bara att stänga ner smil med en slut tag ().
Denna kod är ju bara grunden så den kommer inte visa något och att det ska visa något eller att det ska höra är ju själva vitsen så det tar vi nu.
För att få fram en bild så lägger man in detta bild element i mellan body taggarna
Om du tycker det ser konstigt ut än det ser ut i HTML har du helt rätt och kommer att förklara vad de betyder.
img = Säger att detta element är en bildelement.
src = Länken till den bild du vill visa upp
left = Hur långt in från vänster bilden ska starta.
top = Hur långt emellan toppen och bilden ska vara.
begin = Antal sekunder som den ska vänta innan bilden ska visa sig.
dur = Antal sekunder bilden ska visa sig.
Eftersom en img element inte har någon slut tag så måste den har en />
SMIL klar de flesta vanligaste bildformaten som JPG, GIF, BMP, PNG m.fl.
Ljud element används för att spela upp ett ljud i SMIL
Som jag beskrev i hur man lägger in en bild så är detta nästan samma sak.
audio = Säger att detta element är ett ljudelement.
src = Länken till den ljudfil du vill spela upp.
SMIL klarar av att spela upp de mest vanligaste formatet som MP3, WAV, MIDI, AU, m.fl.
De andra elementen är
= Visa animerade medier
= Visa text
Vad är SMIL
SMIL är ett sätt att skapa enkelt ljud och bild presentation. SMIL kan du även använda för att skapa MMS till mobiltelefoner. SMIL står för Synchronized Multimedia Integration Language och är en öppen standard.SMIL är ett synkroniserad system och det menas att man ställer in i en tidlinje vad och när ska det visa sig eller försvinna. Det mest vanligaste program som använder tidslinje är Macromedia Flash som har använt detta system antal år tillbaka.
Många som jobbar med media tycker att synkroniserad system gör det lättare att förstå vad som kommer att hända och varför. Detta gör att många vill jobba med det och det går relativt snabbt att skapa ett eget multimedia fil.
Kan vem som helst köra SMIL
I dagsläget så finns det tyvärr bara två program som kan hantera SMIL format och det är QuickTime och Realplayer. Det finns ett annat sätt att köra SMIL och då fungerar det i de flesta nya webbläsare men enligt min mening så tycker jag det sättet är mer jobbigare men känner du dig varm i att skapa SMIL filer så finns det några länkar till det längre ner.
SMIL och XML
SMIL är XML som jag sa tidigare. SMIL uppbyggd på element som har antingen en starttag (<) och sluttag(/>) eller ett enda stort tag (exempel img som jag kommer att förklar längre ner)SMIL case-sensitive, d.v.s. att den är känslig på stora och små bokstäver. Exempel är att
och
inte hör ihop så det bästa är att hålla sig till små tecken hela tiden.
Så ser en standard SMIL ut
Koden som finns överst ska alltid vara med annars ser de ut som XML kod, den har en start head () och en slut tag för den () och därimellan skriver man in det element som kommer att förklara visa element hur de ska bete sig när det är dags. I mellan layout taggarna (
I mellan body taggara (, ) är där allt ska läggas upp som kommer antingen att visa sig eller höra för tittaren.
Sen är det bara att stänga ner smil med en slut tag ().
Denna kod är ju bara grunden så den kommer inte visa något och att det ska visa något eller att det ska höra är ju själva vitsen så det tar vi nu.
Olika element
För att få fram en bild så lägger man in detta bild element i mellan body taggarna
Om du tycker det ser konstigt ut än det ser ut i HTML har du helt rätt och kommer att förklara vad de betyder.
img = Säger att detta element är en bildelement.
src = Länken till den bild du vill visa upp
left = Hur långt in från vänster bilden ska starta.
top = Hur långt emellan toppen och bilden ska vara.
begin = Antal sekunder som den ska vänta innan bilden ska visa sig.
dur = Antal sekunder bilden ska visa sig.
Eftersom en img element inte har någon slut tag så måste den har en />
SMIL klar de flesta vanligaste bildformaten som JPG, GIF, BMP, PNG m.fl.
Ljud element används för att spela upp ett ljud i SMIL
Som jag beskrev i hur man lägger in en bild så är detta nästan samma sak.
audio = Säger att detta element är ett ljudelement.
src = Länken till den ljudfil du vill spela upp.
SMIL klarar av att spela upp de mest vanligaste formatet som MP3, WAV, MIDI, AU, m.fl.
De andra elementen är
Johan Segolsson
Tycker egentligen att avsnittet är helt onödigt då jag tycker det borde räcka med att säga att Smil är xml men jag förstår anledningen till att du har med avsnittet. Dock så tycker jag att du förmulerar dig lite fel i det här avsnittet, tex "SMIL och XML är väldigt lika varandra som jag sa tidigare" är lite vilseledande då Smil är xml och inte bara väldigt likt det. Resten av det avsnittet är skriven i liknande stil, mitt förslag är att du skriver om avsnittet lite för att förhindra missförstånd. I övrigt tycker jag artikeln håller hög klass.
Carsten Johansson
Ok kommer ändra lite så det står att SMIL ÄR XML. Att jag inte skrev det var att jag får två olika svar så jag var inte 100% säker Jag har bara jobbat med SMIL i 2 timmar :)
Benni Svensson
Jag har tidigare inte sysslat med detta, och blev lite fundersam efter det att jag laddade ner ditt exempel. Hur är det tänkt att visa detta? I den ena länken som du visade, så beskrevs det att man kunde använda sig av en html sida för att visa detta. Hur?? Ärligt sakt så tycker jag att du har lite för bråtom med att skriva dina artiklar, ta lite mera tid på dig och skriv ner så att man kan få ett bra exempel på hur man använder sig av det du skriver om.
Carsten Johansson
Vad jag har upptäckt är att det finns två sätt att göra en SMIL. 1) Via att lägga in det direkt på en HTML sida 2) Skapa SMIL filer Jag skrev att det går göra det i HTML men det var väldigt jobbit så jag valde bort det (Kunde ju ha skrivit att jag valde bort det) 2) Att köra igång en SMIL är skitlätt om man har RealPlayer (Det ska gå med QuickTime men har aldrig fått det att fungerar bra) Man bara öppna index.SMIL via RealPlayer och vips så körs det igång (I alla fall för mig)