Transcript
Page 1: Proseminar Auszeichnungssprachen WS04/05

Proseminar Auszeichnungssprachen WS04/05

XML und MultimediaReferat von Benjamin Bornemann

Page 2: Proseminar Auszeichnungssprachen WS04/05

XML und Multimedia

● XML hervorragend geeignet für information retrieval aus Dokumenten

● aber wie handhabt XML Multimediaformate wie Audio, Video oder Bilder?

● Einbindung XML-fremder Daten über Deklaration eines externen Entities

Page 3: Proseminar Auszeichnungssprachen WS04/05

Einbindung XML-fremder Daten● Anhängsel NDATA (non XML-Data) um

Anwendungsprogramm Verwendung XML fremder Daten zu signalisieren

● abschliessend muss Notation deklariert werden

● Notation-Deklaration für Formate sollte besser in externer Teilmenge untergebracht werden

Page 4: Proseminar Auszeichnungssprachen WS04/05

Beispiel Entity

<!Entity am_Strand SYSTEM ''urlaub/Uschi.JPEG''

NDATA JPEG >

Verwendung des Entities im Text:

&am_Strand;

Page 5: Proseminar Auszeichnungssprachen WS04/05

Notation-Deklaration für JPEG

<!NOTATION JPEG PUBLIC ''ISO/IEC 10918:1993//NOTATION Digital Compression and Coding of Continuous-tone Still Images (JPEG)//EN''

Der Name des Public Identifier ist in diesem Fall der internationale Standard, der das JPEG-Format definiert. An dieser Stelle kann auch ein System Identifier stehen, der beispielsweise den Dateinamen eines Programms zum Anzeigen von Grafiken enthält.

Page 6: Proseminar Auszeichnungssprachen WS04/05

Mögliche Notation-Deklarationen für non-XML-Data

<!NOTATION MPEG SYSTEM ''/usr/local/bin/mpeg_player'' >

<!NOTATION WAV SYSTEM ''C:\windows\player.exe'' >

Page 7: Proseminar Auszeichnungssprachen WS04/05

Metasuche?

● Vorteile der Markuplanguage gehen allerdings so verloren

● Multimediaelement nicht im XML-Dokument untergebracht, sondern als Blackbox betrachtet

Page 8: Proseminar Auszeichnungssprachen WS04/05

Auf XML basierende Applikationen

● wie erfahre ich etwas über den Autor eines Musikstückes, oder wer ist der Regisseur von Film XY?

● im Umfeld von XML entstehen unzählige Applikationen um die Markupfähigkeit für Multimediaformate zu ermöglichen

Page 9: Proseminar Auszeichnungssprachen WS04/05

Beispielapplikationen

● VML (Vector Markup Language)● SMIL (Synchronized Multimedia Integration

Language)● SVG (Scalable Vector Graphics)● VoiceXML

Page 10: Proseminar Auszeichnungssprachen WS04/05

VML

Vector Markup Language

Page 11: Proseminar Auszeichnungssprachen WS04/05

VML

● auf XML basierendes Format zum Austausch und Editieren von hochqualitativen Vektorgrafiken im Web

● im Gegensatz zu Pixelgrafiken wie GIF oder JPEG bestehen VML-Grafiken aus XML-Markup-Tags

Page 12: Proseminar Auszeichnungssprachen WS04/05

VML

● textbasiert● Open-Source● ermöglicht Webentwicklern „cut and paste“

und Editieren von Vektorgrafiken ohne Einbussen von Qualität

Page 13: Proseminar Auszeichnungssprachen WS04/05

VML● im Gegensatz zum Referenzieren von

externen Grafikdateien werden VML-Grafiken „inline“ mit der HTML-Seite übertragen

● Sprich: Bild ist Teil der Seite

Page 14: Proseminar Auszeichnungssprachen WS04/05

Vector Markup Language

● nun zum eigentlichen Nutzen einer Markup Language

● eine Vektorgrafik besteht aus Linien, Ellipsen, Kreisen, Rechtecken, etc.

● jedes Element der Grafik kann einzeln angesprochen und editiert werden

Page 15: Proseminar Auszeichnungssprachen WS04/05

Beispiel

Eine Vektorgrafik

Page 16: Proseminar Auszeichnungssprachen WS04/05

Beispiel

Teil des Codes für das Beispiel

<v:shape type="#flowChartTerminator" style='position: absolute; left: 17; top: 263; width: 150; height: 64' fillcolor="#39f"> <v:fill type="gradient" color2="fill lighten(0)" method="linear sigma" angle="-135" focus="100%"/> <v:textbox> <div> <span class="font5">Product</span> </div> </v:textbox> </v:shape>

Page 17: Proseminar Auszeichnungssprachen WS04/05

Beispiel

● problemloses ändern des Textes aus dem Beispiel möglich

● Text „Product“ aus der Textbox kann beliebig verändert werden

● genauso natürlich Farbe, Grösse, Form, etc. beliebiger Elemente

Page 18: Proseminar Auszeichnungssprachen WS04/05

SMIL

Synchronized Multimedia Integration Language(ausgesprochen wie engl. smile)

Page 19: Proseminar Auszeichnungssprachen WS04/05

SMIL

● erstellt synchrone Streaming-Multimedia-Präsentationen, die Audio, Video, Bilder und Text integrieren

● einsetzbar auf Desktop-Pcs, Mobiltelefonen, Kfz-Navigationssystemen, Fernsehern, etc.

● entworfen um die Probleme bei der Darstellung von Multimedia im Web zu lösen

Page 20: Proseminar Auszeichnungssprachen WS04/05

SMIL

● Synchronisation der verschiedenen Sequenzen wichtig

● 3 verschiedene Synchronisationsarten der Sequenzen: zeitbasiert, objektbasiert und eine Kombination aus beiden

Page 21: Proseminar Auszeichnungssprachen WS04/05

SMIL

Die verschiedenen Elemente einer SMIL- Präsentation

Page 22: Proseminar Auszeichnungssprachen WS04/05

Beispiel

<par> <video src="anchor.mpg" ... /> <switch> <audio src="germanHQ.aiff" systemBitrate="56000" ... />

<audio src="germanMQ.aiff" systemBitrate="28800" ... /> <audio src="germanLQ.aiff" ... />

</switch> </par>

Page 23: Proseminar Auszeichnungssprachen WS04/05

Markupfähigkeit

● auch hier jedes Element einzeln ansprechbar● Beispiel: Zugriff auf verschiedene

Audiospuren eines Filmes möglich

Page 24: Proseminar Auszeichnungssprachen WS04/05

SVG

Scalable Vector Graphics

Page 25: Proseminar Auszeichnungssprachen WS04/05

SVG

● in XML formuliert● vom W3C (World Wide Web Consortium)

initiiert● problemlose Integration in Datenbanken,

eCommerce oder andere Quellen von Echtzeitinformation

Page 26: Proseminar Auszeichnungssprachen WS04/05

SVG

● auch nichtromanische und andere unübliche Schriftarten können in SVG-Dokumenten eingebettet werden

● es wird nur eine Datei erstellt, welche in beliebigen Situationen eingesetzt werden kann

Page 27: Proseminar Auszeichnungssprachen WS04/05

SVG

● Unterstützung von Stylesheets zu Präsentationszwecken

● CSS kann nicht nur für Schriftartcharakteristiken sondern auch für Eigenschaften grafischer Elemente benutzt werden

● eng verwandt mit VML

Page 28: Proseminar Auszeichnungssprachen WS04/05

Beispiel

Page 29: Proseminar Auszeichnungssprachen WS04/05

Beispiel

Page 30: Proseminar Auszeichnungssprachen WS04/05

VoiceXML

Sprachgesteuerte Benutzereingaben

Page 31: Proseminar Auszeichnungssprachen WS04/05

VoiceXML

● Sprache zum sprachbasierten Zugriff auf Dokumente

● Spracherkennung, Ausgabe von Audiodateien, Aufnahme von gesprochenen Benutzereingaben möglich

● VoiceXML-Interpreter führt Code aus und gibt ihn an Applikation zur Sprachein- und Ausgabe weiter

Page 32: Proseminar Auszeichnungssprachen WS04/05

ein VoiceXML-Dokument

<?xml version=''1.0''?><vxml version ''1.0''><menu><prompt> In welchem Modus möchten Sie arbeiten? </prompt><choice next=''anfaenger.vxml''> Anfänger </choice><choice next=''fortgeschr.vxml''> Fortgeschrittener </choice><choice next=''profi.vxml''> Profi </choice><erklaerung>Sind Sie ein Anfänger, sagen Sie „Anfänger“; sind

Sie Fortgeschrittener, sagen Sie „Fortgeschrittener“; sind Sie Profi, sagen Sie „Profi“. </erklaerung>

<noinput> Bitte treffen Sie eine Auswahl. </noinput><nomatch> Versuchen Sie es noch einmal. </nomatch></menu></vxml>

Page 33: Proseminar Auszeichnungssprachen WS04/05

VoiceXML

● VoiceXML-Interpreter wertet Aussage aus und gibt sie an die Applikation weiter

● XML-Dokument legt lediglich fest, welche Auswahlmöglichkeiten bestehen

● hohe Anforderungen an die Applikation● VoiceXML liefert bereits bestehende

Schnittstelle zwischen Benutzeroberfläche und der Applikation

Page 34: Proseminar Auszeichnungssprachen WS04/05

Fazit

Auszeichnungssprachen für Multimediainhalte ermöglichen fast genauso komplexen Zugriff auf Metadaten der verschiedenen Formate,

wie XML es für Dokumente tut.

Page 35: Proseminar Auszeichnungssprachen WS04/05

Quellenangaben

● [McKelvey2001]● www.w3c.org● Behme, Mintert - XML in der Praxis