!! Neu: Zanmantou 3 released !!

Integration

In diesem kurzen Tutorial wird beschrieben, wie Sie den Zanmantou Player in eine Website integrieren.

Generell gibt es 2 verschiedene Varianten Flash Objekte in eine Website zu integrieren. Für Zanmantou ist ausschließlich die W3C konforme Variante zu verwenden, da ansonsten die Javascript Unterstützung von Zanmantou nicht gegeben ist. Die W3C konforme Methode besteht aus einem object- Tag. Sowohl in dem Attribut data alsauch in dem Parameter movie muss die Adresse zu der .swf File des Players angegeben werden. Diese muss in beiden Tags identisch sein. Die Parameter scale, salign, quality und allowScriptAccess sollten nicht verändert werden, da ansonsten ggf. der Player nichtmehr Plattformunabhängig funktioniert.

HTML – Standart Integration

  • <object type="application/x-shockwave-flash" data="zanmantou.swf" height="60" width="320">
  • <param name="movie" value="zanmantou.swf"></param>
  • <param name="allowScriptAccess" value="sameDomain"></param>
  • <param name="quality" value="best"></param>
  • <param name="scale" value="noscale"></param>
  • <param name="salign" value="lt"></param>
  • </object>

Mit Hilfe der Attribute width und height wird die Größe des Players innerhalb des Dokuemntes festgelegt, diese sollte auf jedenfall der in der XML-Konfigurationsdatei Größe entsprechen.

HTML – Größe des Players

  • <object type="application/x-shockwave-flash" data="zanmantou.swf" height="60" width="320">

Des weiteren besteht die Möglichkeit die Hintergrundfarbe des Players festzulegen, falls kein Hintergrundbild verwendet wird. In diesem Beispiel wird als Farbe Weiss verwendet (#FFFFFF). Dazu einfach einen weiteren param – Tag hinzufügen und als value den gewünschten Farbwert angeben.

HTML – Hintergrundfarbe festlegen

  • <object type="application/x-shockwave-flash" data="zanmantou.swf" height="60" width="320">
  • <param name="allowScriptAccess" value="sameDomain"></param>
  • <param name="movie" value="zanmantou.swf"></param>
  • <param name="quality" value="best"></param>
  • <param name="scale" value="noscale"></param>
  • <param name="salign" value="lt"></param>
  • <param name="bgcolor" value="#FFFFFF"></param>
  • </object>

Ebenso ist es möglich einen individuellen Namen der XML Konfigurationsdatei anzugeben, z.B. um mehrern Playern auf eine Seite einzubinden und diesen jeweils individuelle Playlist zuzuweisen. Hierzu wird dem Player einfach der Name der Datei übergeben. Dieser kann mit einem relativem oder absolutem Pfad angegeben werden. Wichtig ist hierbei, dass in der Angabe value des Paramters FlashVars config="URL" steht, da Zanmantou die Angabe ansonsten nicht verarbeiten kann.

HTML – Konfigurationsdateinamen angeben

  • <object type="application/x-shockwave-flash" data="zanmantou.swf" height="60" width="320">
  • <param name="allowScriptAccess" value="sameDomain"></param>
  • <param name="movie" value="zanmantou.swf"></param>
  • <param name="quality" value="best"></param>
  • <param name="scale" value="noscale"></param>
  • <param name="salign" value="lt"></param>
  • <param name="bgcolor" value="#FFFFFF"></param>
  • <param name="FlashVars" value="config=config.xml"></param>
  • </object>

Sollten Sie mehrere Player verwenden wollen, so reicht es mehrere object – Tags also Player einzufügen. Jedoch ist darauf zu achten, dass die Player bei Verwendung der JSI API unterschiedliche IDs besitzen.

Javascript API

Um die JavascriptCommunicationInterface API zu verwenden, ist es notwendig, dass jedes Player Object eine individuelle ID zugewisen bekommt mit der eine Instanz des Player in Javascript erstellt wird. Hierzu wird einfach das Attribut id in den object – Tag eingefügt. In diesem Beispiel bekommt der Player die ID "Player1" zugewiesen.

HTML – Javascript API

  • <object id="Player1" type="application/x-shockwave-flash" data="zanmantou.swf" height="60" width="320">
  • <param name="allowScriptAccess" value="sameDomain"></param>
  • <param name="movie" value="zanmantou.swf"></param>
  • <param name="quality" value="best"></param>
  • <param name="scale" value="noscale"></param>
  • <param name="salign" value="lt"></param>
  • <param name="FlashVars" value="config=config.xml"></param>
  • <param name="bgcolor" value="#FFFFFF"></param>
  • </object>

Mit der ID kann nun eine Instanz des Players erzeugt werden (siehe JSI API).

 

Keine Kommentare | Kommentar schreiben |

Einen Kommentar schreiben

Name (erforderlich)

eMail (erforderlich) (wird nicht veröffentlicht)

Webseite

 

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>