Vorwort Der Grund, warum ich diesen Artikel geschrieben habe, ist hauptsächlich eine neue Anforderung des Teamleiters – die Verwendung des Browsers zum Aufrufen der Computerkamera, um die Funktion des sofortigen Aufnehmens von Bildern zu realisieren . Ich habe viele Informationen im Internet überprüft und mich aus dem einen oder anderen Grund schließlich dafür entschieden, ein Flash-Plug-in zu verwenden, um die Kamera des PCs aufzurufen. Diese Anforderung basiert natürlich auf der B/S-Architektur, daher denke ich darüber nach, wie ich sie in die Front-End-HTML-Seite einbetten kann.
Exkurs Natürlich wurde die Kapselung hier nicht berücksichtigt. Sie dient hauptsächlich der Implementierung, und die nachfolgende Arbeit wird je nach Geschäft abstrahiert und ins Allgemeine gekapselt Komponenten. Okay, konzentrieren wir uns ohne weitere Umschweife auf die wichtigsten Punkte.
Plugin einbetten Objekt- und Einbettungs-Tags verwenden Codeanzeige
< ;div style = „margin-top:-30px;margin-left:-120px;“> :// fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="490" height="390" id="Untitled-1 " align= "middle">
< param name="quality" value="high" /> quality=" high" bgcolor="#ffffff" width="490" height="390" name="cam" align="middle"allowScriptAccess="sameDomain"
type="application/x-shockwave-flash" Pluginspage=" http://www.macromedia.com/go/getflashplayer" /> Bei dieser Methode werden die Tags „Object“ und „Embed“ verwendet. Sie können sehen, dass viele Parameter von „Object“ und viele Attribute von „Embed“ wiederholt werden. Browserkompatibilität, einige Browser unterstützen Objekte und einige unterstützen Einbettungen, weshalb Sie beide Stellen ändern müssen, wenn Sie Flash-Parameter ändern möchten. Diese Methode war schon immer die offizielle Methode von Macromedia und gewährleistet die größtmögliche Funktionalität von Flash ohne Kompatibilitätsprobleme.
Aber aus heutiger Sicht gibt es immer noch große Probleme.
Erstens kann es die Überprüfung nicht bestehen, da das aus Kompatibilitätsgründen eingebettete Einbettungs-Tag nicht den W3C-Spezifikationen entspricht. Wenn Ihnen die Regeln oder Vorschriften egal sind, ist das natürlich eine andere Sache.
Zweitens hat Microsoft aus verschiedenen Gründen den Verwendungsmodus von IE's ActiveX nach sp2 eingeschränkt. Das heißt, es gibt ein virtuelles Feld im ActiveX auf der Seite, auf das der Benutzer für eine normale Interaktion einmal klicken muss . Da Flash als ActiveX in die Webseite eingebettet ist, kann dieses Problem nur durch die Einbettung von Flash über JS gelöst werden.
Auch hier gibt es keine Flash-Versionserkennung, wenn die Flash-Plug-in-Version des Browsers nicht ausreicht oder Ihre SWF-Datei nicht normal angezeigt werden kann oder ein ActiveX-Installationsbestätigungsfeld angezeigt wird – dieses Feld ist für viele Benutzer nervig. Es ist beängstigend.
Nur Objekt-Tag verwenden
Codeanzeige
Code kopieren Der Code lautet wie folgt:
Diese Methode verwendet nur das Object-Tag, das eigentlich Flash ist satay. Da es kein Einbettungs-Tag gibt, kann es die Standardmethode zum Einbetten von Flash bestehen. Es sieht zwar nahezu perfekt aus, aber es gibt immer noch Probleme Zum Laden ist eine Holder-SWF erforderlich. Wenn Sie Parameter über Flashvars übergeben oder mit dem JS der Seite interagieren müssen, ist dies sehr problematisch Zweitens wird wie bei der ersten Methode auch ein ActiveX-Eingabeaufforderungsfeld ohne Versionserkennung angezeigt. Auch hier sind einige niedrigere Versionen von Browsern (z. B. niedrigere Versionen von Safari usw.) nicht damit einverstanden Methode und sind nicht damit kompatibel
Nur Einbettungs-Tags verwenden
Codeanzeige
Code kopieren
Code wie folgt:
id="cam" src="cam.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="450" height="350" name="webcam" align= "middle" wmode="transparent" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars= "width =490&height=390&objid=cameradialog">
Cette méthode utilise uniquement la balise Embed. très bonne. La compatibilité du navigateur est également assez bonne et tout peut être chargé. Bien entendu, la balise embed n’étant pas conforme aux spécifications du W3C, cette méthode n’est pas recommandée.
Utilisez JavaScript pour intégrer
Utilisez JS pour charger des plug-ins Flash Il existe de nombreuses méthodes sur Internet, et il existe également de nombreux bons plug-ins JS pour. tout le monde à choisir. Je n'utiliserai SWFObject que pour le présenter brièvement ici.
Tout d'abord, vous devez télécharger un package de plug-in SWFObject, qui contient un script JS. Il s'agit du fichier de script que vous devez importer. Il comprend également deux exemples HTML que vous pouvez imiter. Bien entendu, vous pouvez également consulter le site Web de SWFObject pour en savoir plus. Veuillez cliquer ici.
Affichage du code
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
