In HTML eingebettetes Flash Lösung zum Einbetten von Flash-Dateien in den HTML-Webseitencode (Teil 1)

Nach chinesischem Brauch feiern wir das neue Jahr noch vor dem fünfzehnten Tag des ersten Mondmonats. An dieser Stelle möchte ich Ihren Freunden im Garten ein frohes neues Jahr wünschen.
Es kam vor, dass die Homepage des Unternehmens in diesen Tagen überarbeitet werden musste. Nach dem „Personalabbau“ des Unternehmens Ende letzten Jahres musste eine Person die Arbeit mehrerer Personen erledigen, und plötzlich war die Belastung groß. Nun, das lag ursprünglich nicht in meinem Aufgabenbereich, aber leider war ich daran beteiligt. Das Gute an diesem Unglück ist, dass die Aufgabe, die mir mein Chef dieses Mal zugewiesen hat, genau die Front-End-Entwicklungsaufgabe ist, für die ich mich schon immer begeistert habe. Zuvor war ich an der Entwicklung von Backend-Verwaltungsprogrammen für die Website des Unternehmens beteiligt und habe dabei hauptsächlich die Geschäftslogik auf der Serverseite verarbeitet. Ich hatte nie die Gelegenheit gehabt, meine Fähigkeiten in der Front-End-Entwicklung unter Beweis zu stellen, für die ich mich leidenschaftlich interessiere. Übung ist der beste Weg, um wahres Wissen zu testen, und das Lösen der mir zugewiesenen praktischen Aufgaben ist eine seltene Prüfung. Ich habe viel verstreutes Wissen durch Bücher und verschiedene Materialien gelernt, aber ich hatte nicht die Gelegenheit, es für einen „umfassenden Test“ zusammenzufassen, haha. Oben stehen so viele Worte, das liegt alles daran, dass sie zu lange unterdrückt wurden, haha.

Lassen Sie mich zunächst die Aufgabenanforderungen beschreiben: Auf der Homepage der Website des Unternehmens befindet sich ein JPG-Bild mit fünf Bällen. Seine Funktion besteht darin, zu navigieren. Wenn Sie auf den Text auf jedem Ball klicken, wird die sekundäre Seite mit den entsprechenden Informationen geöffnet. Zu dem Bild gibt es eine fast identische Flash-Version. Zu den Aufgaben, die mir mein Chef zugewiesen hat, gehört es, die Flash-Version der Navigation anzuzeigen, wenn im Client-Browser ein Flash-Dateiplayer installiert ist, andernfalls die JPG-Bildnavigation anzuzeigen. Nachdem ich die Aufgabe erhalten hatte, dachte ich einen Moment darüber nach. Da es sich um Frontend-Entwicklung handelt, muss ich natürlich die Browserkompatibilität berücksichtigen. Die beste Möglichkeit, die Lücke zwischen den Browsern zu überbrücken, besteht darin, ein oder mehrere ausgereifte JavaScript-Frameworks zu verwenden. Glücklicherweise gibt es ein sehr ausgereiftes und hochentwickeltes JS-Framework namens SWFObject.js.

Das erste Mal, dass ich mit SWFObject.js in Kontakt kam, war V1.5, und dieses Mal habe ich V2.1 verwendet, um das Problem zu lösen. Es gibt immer noch einige Unterschiede bei der Verwendung der beiden. Insgesamt bin ich der Meinung, dass V2.1 im Vergleich zu V1.5 einen großen Sprung nach vorne darstellt. V2.1 entspricht sowohl hinsichtlich des Quellcodes des Frameworks als auch des Nutzungsprozesses eher dem objektorientierten JavaScript-Programmierstil.

Ich werde Sie auf diese „harte“ Reise aus der Perspektive eines Lernenden mitnehmen, der gerade JavaScript erkundet hat. Egal, ob Sie ein Anfänger wie ich oder ein Veteran sind, der bereits gekonnt verschiedene JS-Codes schreiben kann, ich hoffe, Sie werden nachsichtig sein und mich auf zivilisierte Weise auf die Kurzsichtigkeit in meinem Denken und die Fehler in meinem Schreiben hinweisen.

Der folgende Code ist ein Anwendungsbeispiel, das ich aus einem Beschreibungsdokument von SWFObject V1.5 adaptiert habe (klicken Sie auf diesen Link, wenn Sie mehr über V1.5 erfahren möchten):