15.10.2012 Views

Actionscript 3 Entwicklerhandbuch

Actionscript 3 Entwicklerhandbuch

Actionscript 3 Entwicklerhandbuch

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

ACTIONSCRIPT 3.0 ENTWICKLERHANDBUCH<br />

Verwenden von Videos<br />

Aktivieren des Vollbildmodus für Flash Player in einem Browser<br />

Bevor Sie den Vollbildmodus für Flash Player in einem Browser implementieren können, aktivieren Sie ihn mithilfe<br />

der Veröffentlichungsvorlage für Ihre Anwendung. Vorlagen, die den Vollbildmodus zulassen, verfügen über<br />

- und -Tags, die einen allowFullScreen-Parameter enthalten. Im folgenden Beispiel wird der<br />

allowFullScreen-Parameter in einem -Tag gezeigt.<br />

<br />

...<br />

<br />

<br />

<br />

...<br />

<br />

Wählen Sie in Flash „Datei“ > „Einstellungen für Veröffentlichungen“ und im Dialogfeld „Einstellungen für<br />

Veröffentlichungen“ auf der Registerkarte „HTML“ die Vorlage „Nur Flash - Vollbild zulassen“.<br />

Stellen Sie in Flex sicher, dass die HTML-Vorlage - und -Tags enthält, die den Vollbildmodus<br />

unterstützen.<br />

Initiieren des Vollbildmodus<br />

Wenn Flash Player-Inhalt in einem Browser ausgeführt wird, initiieren Sie den Vollbildmodus in Reaktion auf einen<br />

Mausklick oder einen Tastendruck. Sie können den Vollbildmodus zum Beispiel aufrufen, wenn der Benutzer auf eine<br />

mit „Vollbild“ beschriftete Schaltfläche klickt oder einen entsprechenden Befehl im Kontextmenü auswählt. Fügen Sie<br />

dem Objekt, bei dem die Aktion erfolgt, einen Ereignis-Listener hinzu, um auf die Benutzeraktion zu reagieren. Mit<br />

dem folgenden Code wird einer Schaltfläche, mit der der Benutzer in den Vollbildmodus wechseln kann, ein Ereignis-<br />

Listener hinzugefügt:<br />

var fullScreenButton:Button = new Button();<br />

fullScreenButton.label = "Full Screen";<br />

addChild(fullScreenButton);<br />

fullScreenButton.addEventListener(MouseEvent.CLICK, fullScreenButtonHandler);<br />

function fullScreenButtonHandler(event:MouseEvent)<br />

{<br />

stage.displayState = StageDisplayState.FULL_SCREEN;<br />

}<br />

Der Code initiiert den Vollbildmodus, indem die Stage.displayState-Eigenschaft auf<br />

StageDisplayState.FULL_SCREEN eingestellt wird. Dieser Code skaliert die gesamte Bühne zum Vollbild, wobei das<br />

Video proportional zum Platz, den es auf der Bühne einnimmt, skaliert wird.<br />

Mit der fullScreenSourceRect-Eigenschaft können Sie einen bestimmten Bereich der Bühne zum Vollbild<br />

skalieren. Definieren Sie zunächst das Rechteck, das Sie zum Vollbild skalieren möchten. Weisen Sie es dann der<br />

Stage.fullScreenSourceRect-Eigenschaft zu. Mit dieser Version der fullScreenButtonHandler()-Funktion<br />

werden zwei zusätzliche Codezeilen hinzugefügt, die das Video zum Vollbild skalieren.<br />

Letzte Aktualisierung 27.6.2012<br />

511

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!