Heim > Artikel > Web-Frontend > So steuern Sie .swf mit Javascript
JavaScript ist eine leistungsstarke Skriptsprache, die viele verschiedene Medien steuern kann, einschließlich Flash-SWF-Dateien. SWF-Datei ist ein Vektorgrafikdateiformat mit einem hohen Maß an Interaktivität und Animationseffekten. Wie kann dieses Dateiformat gesteuert werden? In diesem Artikel wird erläutert, wie Sie JavaScript zur Steuerung von SWF-Dateien verwenden.
Zunächst ist zu beachten, dass die Flash-Datei selbst über ein gewisses Maß an Interaktivität verfügt und auf Mausereignisse, Tastaturereignisse usw. des Benutzers reagieren kann. Diese Interaktivität kann in der Flash-Datei selbst kodiert werden. Wenn Sie lediglich die Wiedergabe-, Stopp-, Pause- usw. Funktionen von Flash-Dateien steuern möchten, können Sie diese mit einem Tool wie Adobe Flash Professional erstellen und über JavaScript steuern.
Wenn Sie auf erweiterte interaktive Funktionen zugreifen möchten, die die Flash-Datei selbst bietet, können Sie JavaScript verwenden. Hier stellen wir zwei Möglichkeiten vor, .SWF-Dateien mit JavaScript zu steuern.
Methode 1: Verwenden Sie eine JavaScript-Bibliothek
Eine JavaScript-Bibliothek ist ein wiederverwendbarer Codesatz, der den Aufwand beim Schreiben von sich wiederholendem Code für eine bestimmte Aufgabe reduzieren soll. Heutzutage sind viele JavaScript-Bibliotheken verfügbar, die beliebtesten davon sind jQuery und SwfObject.
Es ist sehr einfach, .SWF-Dateien mit jQuery zu steuern. Laden Sie zunächst die jQuery-Bibliothek in die Seite, wie unten gezeigt:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
Verwenden Sie dann die folgenden Befehle im JS-Code, um das Flash-Objekt abzurufen und dessen Wiedergabe, Stopp und andere Funktionen zu steuern:
var flash = $("object"); flash.stop(); //停止Flash动画 flash.play(); //播放Flash动画 flash.pause(); //暂停Flash动画
Verwenden Sie SwfObject zum einfachen Hinzufügen Inhalte auf der Webseite. Betten Sie Flash-Dateien ein und stellen Sie eine Reihe von APIs zur Steuerung bereit. Zuerst müssen Sie auch die SwfObject-Bibliothek auf der Seite vorstellen:
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
Dann verwenden Sie den folgenden Code, um die Flash-Datei zu initialisieren:
var flashvars = { //传递给Flash文件的参数 }; var params = { //Flash文件播放时的一些参数 }; var attributes = { //定义Flash文件的属性 }; swfobject.embedSWF("demo.swf", "flashcontainer", "300", "200", "10", null, flashvars, params, attributes);
Unter diesen ist der erste Parameter die URL der Flash-Datei und der zweite Parameter die ID des Containers und der dritte Parameter. Der erste und vierte Parameter sind die Breite bzw. Höhe des Containers, und der fünfte Parameter ist die Flash-Dateiversion, die null sein kann. Weitere Parameter können nach Bedarf definiert werden.
Verwenden Sie den folgenden Code, um Flash-Dateien zu steuern:
var flash = swfobject.getObjectById("flashcontainer"); flash.stop(); //停止Flash动画 flash.play(); //播放Flash动画 flash.pause(); //暂停Flash动画
Methode 2: ActionScript verwenden
ActionScript ist eine Programmiersprache auf der Flash-Plattform, die in Flash-Dateien codiert werden kann. Wenn Sie JavaScript verwenden möchten, um Funktionen zu steuern, die in der Flash-Datei nicht bereitgestellt werden, können Sie ActionScript-Code schreiben und ihn über JavaScript aufrufen.
Erstellen Sie zunächst eine neue ActionScript-Datei in Flash Professional. Schreiben Sie dann Ihren ActionScript-Code und speichern Sie die Datei.
Verwenden Sie im JavaScript-Code den folgenden Code, um das Flash-Objekt und die ActionScript-Datei zu laden:
var flash = document.getElementById("flashcontainer"); //获取Flash对象 flash.loadMovie("demo.swf"); //加载Flash文件 flash.loadExternalScript("demo.as"); //加载ActionScript文件
Verwenden Sie dann den folgenden Code in JavaScript, um die ActionScript-Funktion aufzurufen:
flash.ExternalInterface.call(function_name, arg1, arg2, ...);
Wobei Funktionsname der Funktionsname ist, den Sie im ActionScript definiert haben file , die folgenden Parameter sind die Parameter, die an diese Funktion übergeben werden. Mit dieser Methode können Sie auf erweiterte interaktive Funktionen zugreifen, die von der Flash-Plattform bereitgestellt werden, z. B. das Aufrufen des Mikrofons, der Kamera usw.
Zusammenfassung
Die oben genannten sind zwei Möglichkeiten, JavaScript zur Steuerung von SWF-Dateien zu verwenden, mit denen sich umfangreichere und interaktivere Webanwendungen erstellen lassen. Mit diesen Methoden können Sie auf eine Vielzahl von Funktionen der Flash-Plattform zugreifen und mit ihnen interagieren. Unabhängig davon, welche Methode Sie verwenden, ist die Beherrschung der JavaScript- und Flash-Technologien von entscheidender Bedeutung.
Das obige ist der detaillierte Inhalt vonSo steuern Sie .swf mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!