Flash CS3, AJAX und PHP

Flash CS3, AJAX und PHP

Flash CS3, AJAX und PHP Uwe Mutz

ADDISON-WESLEY Ein Imprint von Pearson Education München • Boston • San Francisco • Harlow, England Don Mills, Ontario • Sydney • Mexico City Madrid • Amsterdam

Bibliografische Information Der Deutschen Bibliothek Die Deutsche Bibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über http://dnb.ddb.de abrufbar. Die Informationen in diesem Produkt werden ohne Rücksicht auf einen eventuellen Patentschutz veröffentlicht. Warennamen werden ohne Gewährleistung der freien Verwendbarkeit benutzt. Bei der Zusammenstellung von Texten und Abbildungen wurde mit größter Sorgfalt vorgegangen. Trotzdem können Fehler nicht vollständig ausgeschlossen werden. Verlag, Herausgeber und Autoren können für fehlerhafte Angaben und deren Folgen weder eine juristische Verantwortung noch irgendeine Haftung übernehmen. Für Verbesserungsvorschläge und Hinweise auf Fehler sind Verlag und Herausgeber dankbar. Alle Rechte vorbehalten, auch die der fotomechanischen Wiedergabe und der Speicherung in elektronischen Medien. Die gewerbliche Nutzung der in diesem Produkt gezeigten Modelle und Arbeiten ist nicht zulässig. Fast alle Hardware- und Softwarebezeichnungen und weitere Stichworte und sonstige Angaben, die in diesem Buch verwendet werden, sind als eingetragene Marken geschützt. Da es nicht möglich ist, in allen Fällen zeitnah zu ermitteln, ob ein Markenschutz besteht, wird das Symbol in diesem Buch nicht verwendet.

®

Umwelthinweis: Dieses Buch wurde auf chlorfrei gebleichtem Papier gedruckt. Alle Rechte vorbehalten. Kein Teil des Buches darf ohne Erlaubnis der Pearson Education Inc. in fotomechanischer oder elektronischer Form reproduziert oder gespeichert werden.

10 9 8 7 6 5 4 3 2 1 09 08 07

ISBN 978-3-8273-2528-0

© 2007 Addison-Wesley Verlag, ein Imprint der PEARSON EDUCATION DEUTSCHLAND GmbH, Martin-Kollar-Str. 10-12, 81829 München/Germany Alle Rechte vorbehalten Lektorat: Brigitte Bauer-Schiewek, [email protected] Fachlektorat: Matthias Kannengiesser Korrektorat: Petra Kienle Herstellung: Claudia Bäurle, [email protected] Satz: Ulrich Borstelmann, Dortmund (www.borstelmann.de) Einbandgestaltung: Marco Lindenbeck, webwo GmbH, [email protected] Druck und Verarbeitung: Kösel Druck, Krugzell (www.koeselBuch.de) Printed in Germany

I NHALTSVERZEICHNIS Sieh' einer an …

IX

Kapitel 1

Einleitung

1

Kapitel 2

Grundlagen der Programmierung

5

2.1

2.2

2.3

2.4

2.5

2.6

Programmierung in Flash 2.1.1 Anlehnung an JavaScript 2.1.2 Objektorientiertes Programmieren Kommentare 2.2.1 Einzeilige Kommentare 2.2.2 Mehrzeilige Kommentare 2.2.3 Verschachtelte Kommentare Variablen und Datentypen 2.3.1 Variablendeklaration 2.3.2 Variablennamen 2.3.3 Datentypen 2.3.4 Gültigkeitsbereiche von Variablen Operatoren 2.4.1 Arithmetische Operatoren 2.4.2 Zuweisungsoperatoren 2.4.3 Bitoperatoren 2.4.4 Logische Operatoren 2.4.5 Vergleichsoperatoren 2.4.6 Rangordnung der Operatoren Arrays 2.5.1 Indizierte Arrays 2.5.2 Assoziative Arrays Bedingungen 2.6.1 if-Bedingung 2.6.2 switch-Bedingung

V

6 6 6 7 7 7 8 8 8 9 10 13 17 17 18 21 21 22 22 24 24 25 28 28 30

2.7

2.8 2.9 2.10

2.11 2.12

Kapitel 3

31 31 37 39 40 41 47 47 50 51 51 53 53 53 56 56 60 62

Basiswissen

65

3.1 3.2

66 66 67 69 72 72 73 73

3.3

Kapitel 4

Schleifen 2.7.1 for-Schleife 2.7.2 for...each- oder for...in-Schleife 2.7.3 do..while-Schleife 2.7.4 while-Schleife Funktionen Cookies 2.9.1 Exkurs HTTP Sessions 2.10.1 session_start() 2.10.2 session_register() vs. $_SESSION 2.10.3 session_unregister() vs. $_SESSION 2.10.4 session_destroy() Caching XML auslesen und erstellen 2.12.1 Der Aufbau eines XML-Dokuments – Blitzeinführung 2.12.2 Auslesen einer XML-Struktur 2.12.3 XML-Dokumente erstellen

PHP JavaScript (AJAX) & DOM 3.2.1 „Kern-DOM“ 3.2.2 Alternativer Zugriff auf Objekte Flash 3.3.1 Sinnvolle Kombination von Flash und PHP 3.3.2 Weitere Verbindungsmöglichkeiten zur Serverseite 3.3.3 ActionScript 3.0 – die wichtigsten Änderungen

AJAX – Asynchronus JavaScript and XML

119

4.1 4.2 4.3

120 120 122 125 128

Was ist AJAX? Was ist AJAX nicht? Der XMLHttpRequest 4.3.1 Details zum XMLHttpRequest-Objekt 4.3.2 AJAX im Einsatz VI

4.4 4.5

Kapitel 5

167

5.1

168 168

5.4

Daten senden: Browser an Flash 5.1.1 Variante 1: JavaScript greift auf die SWF-Datei zu 5.1.2 Variante 2: Verwenden von HTML-Attributen zum Setzen von Variablen Daten senden: Flash an Browser 5.2.1 Kontaktaufnahme mit getURL 5.3 Die ExternalInterface-Klasse – Flash 8 und höher 5.3.1 ExternalInterface-Klasse mit ActionScript 1.0/2.0 5.3.2 ExternalInterface-Klasse mit ActionScript 3.0 Flash & AJAX 5.4.1 Parameterübergabe: Text 5.4.2 Parameterübergabe: XML

Serverseitiger Datenaustausch – Flash, PHP & Datenbank 6.1 6.2 6.3

6.4

Kapitel 7

164 165

Clientseitiger Datenaustausch – Flash & Javascript

5.2

Kapitel 6

Flash vs. AJAX Flash & AJAX

Drei Technologien im Einsatz Das LoadVars-Objekt Die Basis: das XML-Objekt & ActionScript 2.0 6.3.1 Grundlegende XML-Befehle 6.3.2 Einlesen von XML-Daten 6.3.3 Ausgeben von XML-Daten in eine PHP-Seite 6.3.4 Die XMLConnector-Komponente ActionScript 3.0: Neues und Änderungen 6.4.1 Das URLLoader- und URLRequest-Objekt 6.4.2 Der Aufbau: das XML-Objekt & ActionScript 3.0

179 181 181 184 185 207 208 209 233

239 240 241 266 266 266 286 298 309 309 325

Audio-Jukebox

337

7.1 7.2 7.3

338 338 338 338

Abfragen serverseitiger Informationen Multimediale Anwendungen Konzept der Jukebox 7.3.1 Playlist generieren VII

7.4

7.5 7.6

7.7

Kapitel 8

Jukebox in ActionScript 2.0 7.4.1 XML-Daten laden 7.4.2 Abspielen der Songs 7.4.3 ID3-Tags auslesen 7.4.4 Abspielsteuerung 7.4.5 Lautstärkeregler Der PHP-Part Jukebox in ActionScript 3.0 7.6.1 Allgemeine Änderungen 7.6.2 Änderungen beim Laden der XML-Daten 7.6.3 Änderungen im Soundobjekt 7.6.4 Änderungen in der Abspielsteuerung 7.6.5 Änderungen in der Lautstärkeregelung 7.6.6 Songs aus einer ComboBox abspielen Mögliche Erweiterungen

340 341 344 349 351 353 355 359 359 360 363 363 370 372 374

Videoplayer (ActionScript 3.0)

375

8.1 8.2 8.3

376 376 378 378 382

Das Konzept des Videoplayers Flash & Video Die Umsetzung 8.3.1 Flash und die FLVPlayback-Komponente 8.3.2 Videos im FLV-Format 8.3.3 Dynamisches Verknüpfen der FLVPlayback-Komponente mit einem Video 8.3.4 Schritt 1: Abspielen einer Liste von Videos (Array) 8.3.5 Schritt 2: Abspielen einer Liste von Videos (XML) 8.3.6 Arbeiten mit Cue-Points

Stichwortverzeichnis

392 394 401 426 429

VIII

SIEH’ EINER AN … Schön, Sie hier zu treffen! Ein Sprichwort sagt „Alles neu macht der Mai“ – nun, Flash erstrahlt in Version CS3, PHP läuft stabil in Version 5 und um AJAX müssen wir uns keine Sorgen machen, denn da setzen wir auf die bekannten (und bewährten) Technologien JavaScript und XML. Mit anderen Worten: Dieses Buch baut auf Bewährtem und Neuem auf. Lassen Sie sich überraschen! Aber alles der Reihe nach. Zunächst einmal freut es mich, dass Sie sich für dieses Buch entschieden haben. Es zeigt mir, dass die Kombination von Flash und PHP nach wie vor ein beliebtes Thema ist. Und mit „Web 2.0“ ist auch AJAX in aller Munde – und wie es scheint auch in Ihrem Interesse.

Meine geschätzte Leserschaft Bevor wir ans Eingemachte gehen, möchte ich ein paar Worte vorausschicken, für wen dieses Buch geschrieben ist und – vor allem! – für wen dieses Buch nicht geschrieben ist (ich denke, es ist wichtiger, solche „Nicht-Ziele“ zu definieren).

Das sind meine Leser! Dieses Buch ist für Einsteiger in die Thematik „Flash & PHP & AJAX“ geschrieben. Dabei gehe ich davon aus, dass meine Leser mit der Arbeitsweise von Flash, PHP & JavaScript vertraut sind, sie also den Umgang mit Folgendem im Schlaf beherrschen : u Flash: u Die „Zeit“: Der Umgang mit der Zeitleiste ist kein Problem, ebenso wissen Sie über

Schlüsselbilder, benannte Bilder und Szenen Bescheid. u Die „Elemente“: Formen, Symbole und Instanzen, grundlegende Komponenten stellen

für Sie in der Anwendung kein Problem dar, Benennung von Instanzen, Definieren von Instanz-Eigenschaften etc. erledigen Sie ohne nachzudenken. u .fla versus .swf: Selbstverständlich ist Ihnen der Unterschied zwischen der Flash- und der

SWF-Datei bekannt, auch haben Sie schon unzählige Male eine SWF-Datei in ein Webdokument eingebunden. Die Problematik verschiedener Browser-Systeme (Einbinden der SWF-Dateien mittels <embed> oder