. .
CREATE OR DIE Special Downloads Shop webinale

Schauplatz

  • «
  • »
Artikel
  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

November 2008

Open Social – Google Gadgets detailiert


Fortsetzung, Teil 2

(Link zum Artikel: http://www.createordie.de/cod/artikel/2015)

Beispiel: Videoplayer-Gadget

Wie bereits erwähnt, lassen sich mit einem solchen Gadget sämtliche Inhalte darstellen, die sich auch auf bekannten Webseiten darstellen lassen. Wie wäre es also mit einem Flash-Videoplayer "in the box"? Hier bietet es sich an, ein kleines Gadget für den CREATE OR DIE Mediapool zu erstellen.

Das entsprechende Gadget sieht im Quelltext wie folgt aus:

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <Module>
  3. <ModulePrefs title="COD Mediapool"
  4. author="Andre Wussow"
  5. author_affiliation="wussoft Solutions"
  6. author_location="Aachen, NRW, Germany"
  7. category="fun"
  8. description="Gadget for create or die mediapool"
  9. render_inline="optional"
  10. height="257"
  11. scaling="false"/>
  13. <UserPref name="movie"
  14. datatype="enum"
  15. default_value="flash/moods.flv"
  16. display_name="Video auswählen" >
  17. <EnumValue value="http://entwickler.com/konferenzen/webinale08/flash/moods.flv"
  18. display_value="Webinale Rückblick 2007" />
  19. <EnumValue value="http://entwickler.de/zonen/magazine/videos/psfile/videofile/27/Tanja_Diet48ae9147b70b4.flv"
  20. display_value="Tanja Diezmann: Weltreisende in Sachen Interfacedesign" />
  21. <EnumValue value="http://entwickler.de/zonen/magazine/videos/psfile/videofile/83/bachem487cbf80c7cb4.flv"
  22. display_value="Thomas Bachem: Student mit Hauptfach sevenload" />
  23. </UserPref>
  24. <Content type="html">
  25. <![CDATA[
  26. <object wmode="transparent">
  27. <param name="wmode" value="transparent">
  28. <param name="FlashVars" value="apiHost=api.sevenload.com">
  29. <embed type="application/x-shockwave-flash"
  30. src="http://entwickler.de/zonen/magazine/videos/flvplayer.swf"
  31. style=""
  32. id="single"
  33. name="single"
  34. quality="high"
  35. allowfullscreen="true"
  36. flashvars="file=__UP_movie__&amp;backcolor=0x000000&amp; frontcolor=0xCCCCCC&amp;
  37. lightcolor=0x557722&amp;
  38. image=http://entwickler.com/konferenzen/webinale08/flash/webinale07.jpg"
  39. height="257"
  40. width="400">
  41. </object>
  42. ]]>
  43. </Content>
  44. </Module>

(Listing 1: Beispiel-Gadget Flash Video Player – Download)

Die Moduleinstellungen sind relativ selbsterklärend. In den Benutzereinstellungen wird ein Parameter "Movie" als Variablentyp "Enumeration" festgelegt. Dies deswegen, weil der Benutzer selbst keinen URL eintragen soll, wie das beim Typ "String" der Fall wäre, sondern lediglich aus einer Liste mit vordefinierten Werten (in diesem Fall die URLs der Videos) auswählen darf. Für diese Liste können beliebig viele Einträge definiert werden. Wichtig ist der Name der entsprechenden Einstellung (in diesem Fall "movie").

Jede Benutzereinstellung wird im Format __UP_{Einstellungs-Name}__ (hier also: __UP_movie__) innerhalb des Content-Bereichs zur Verfügung gestellt (UP = User Preference) und wird zur Laufzeit mit dem gesetzten Wert der Einstellung (hier also der URL des ausgewählten Videos) ersetzt.

Im Content-Bereich wird der eigentliche HTML-Quellcode definiert. In diesem Fall ist das der entsprechende Code zum Einbinden des Flash Video Players. Wer also im Webentwicklungssektor zu Hause ist, wird sofort erkennen, dass ein solches Gadget sehr schnell auf Basis von bestehendem HTML-Code erstellt werden kann.

 

andere Artikel dieser Serie
Kommentare
Bisher keine Kommentare
Neuer Kommentar
  • Gute Kommentare werden belohnt.
  •   (optional)
  •   (Kommentar abonnieren/Gravatar - wird nicht veröffentlicht)
  •    Benachrichtige mich bei nachfolgenden Kommentaren per E-Mail
  • -+
Tags
Werbung
opensocial