So rufen Sie mit dem Flash-Plugin die Kamera des PCs auf und binden diese in die TML-Seite ein

Vorwort

Der Grund für das Schreiben dieses Artikels liegt hauptsächlich darin, dass der Teamleiter eine neue Anforderung gestellt hat: die Verwendung des Browsers zum Aufrufen der Kamera des Computers, um die Funktion zum sofortigen Aufnehmen von Fotos zu realisieren. Ich habe im Internet zahlreiche Informationen geprüft und mich aus verschiedenen Gründen letztendlich für die Verwendung des Flash-Plugins zum Aufrufen der PC-Kamera entschieden. Diese Anforderung basiert natürlich auf der B/S-Architektur, daher habe ich darüber nachgedacht, wie ich sie in die Front-End-HTML-Seite einbetten kann.

Nicht zum Thema

Natürlich wurde die Kapselung hier nicht berücksichtigt. Der Hauptzweck besteht zunächst darin, die Implementierung durchzuführen. Anschließende Arbeiten werden je nach Geschäft abstrahiert und in gemeinsame Komponenten gekapselt. Okay, genug Unsinn, kommen wir zum Punkt.

Plugin einbetten

Verwenden der Objekt- und Einbettungs-Tags

Code-Schaufenster

Code kopieren

Der Code lautet wie folgt:

Diese Methode verwendet die Tags „Object“ und „Embed“. Sie können sehen, dass viele Parameter des Objekts und viele Attribute des Embeds wiederholt werden. Browserkompatibilität: Einige Browser unterstützen Objekte, andere unterstützen Einbettungen. Deshalb müssen Sie beim Ändern der Flash-Parameter beide Stellen ändern. Bei dieser Methode handelt es sich um die offizielle Methode von Macromedia, die die Funktionalität von Flash weitestgehend gewährleistet und keine Kompatibilitätsprobleme aufweist.

Doch nun scheint es, als gäbe es immer noch große Probleme.

Erstens kann es die Validierung nicht bestehen, da das aus Kompatibilitätsgründen eingebettete Embed-Tag nicht der W3C-Spezifikation entspricht. Ob Ihnen Standards egal sind oder nicht, ist natürlich eine andere Sache.

Zweitens hat Microsoft aus verschiedenen Gründen den Verwendungsmodus von IE ActiveX nach SP2 eingeschränkt. Das heißt, im ActiveX auf der Seite befindet sich eine virtuelle Box, und der Benutzer muss einmal klicken, um normal interagieren zu können. Flash ist als ActiveX in die Webseite eingebettet und daher ebenfalls betroffen. Dieses Problem kann nur durch die Einbettung von Flash über JS gelöst werden.

Auch hier gibt es keine Flash-Versionserkennung. Wenn die Flash-Plugin-Version des Browsers nicht ausreicht, wird Ihre SWF-Datei möglicherweise nicht normal angezeigt oder es erscheint ein ActiveX-Bestätigungsfenster für die Installation - dieses Fenster ist für viele Benutzer sehr beängstigend.

Verwenden Sie nur das Objekt-Tag

Code-Schaufenster

Code kopieren

Der Code lautet wie folgt:

Diese Methode verwendet nur das Objekt-Tag, das eigentlich Flash-Satay ist. Da kein Embed-Tag vorhanden ist, kann die Überprüfung bestanden werden. Es ist eine Standardmethode zum Einbetten von Flash. Die Browserkompatibilität ist ebenfalls gut. Es sieht fast perfekt aus, aber es gibt immer noch Probleme.

Zuerst benötigen Sie eine Halter-SWF, um Ihre Ziel-SWF zu laden und die Stream-Fähigkeit im IE sicherzustellen. Wenn Sie Parameter über Flashvars übergeben oder mit dem JS der Seite interagieren müssen, wird das sehr mühsam.

Zweitens wird wie bei der ersten Methode ein ActiveX-Eingabeaufforderungsfenster ohne Versionserkennung angezeigt.

Auch hier gilt, dass einige Browser mit niedrigeren Versionen (wie etwa Safari mit niedrigerer Version usw.) diesen Ansatz nicht erkennen und nicht damit kompatibel sind.

Verwenden Sie nur das Embed-Tag

Code-Schaufenster

Code kopieren

Der Code lautet wie folgt:

Diese Methode verwendet nur das Embed-Tag. Verglichen mit der Wirkung ist es immer noch sehr gut. Die Browserkompatibilität ist ebenfalls gut und kann geladen werden. Da das Embed-Tag natürlich nicht den W3C-Spezifikationen entspricht, wird diese Methode nicht empfohlen.

Einbetten mit JavaScript

Es gibt viele Möglichkeiten, mit JS Flash-Plugins im Internet zu laden, und es stehen Ihnen auch viele gute JS-Plugins zur Auswahl. Ich werde SWFObject hier nur kurz vorstellen.

Zuerst müssen Sie ein SWFObject-Plug-In-Paket herunterladen, das ein JS-Skript enthält. Dabei handelt es sich um die Skriptdatei, die Sie importieren müssen. Es enthält außerdem zwei HTML-Beispiele, die Sie nachahmen können. Natürlich können Sie auch die Website von SWFObject besuchen, um mehr zu erfahren. Klicken Sie hier.

Code-Schaufenster

Code kopieren

Der Code lautet wie folgt:

<span style="font-family:Microsoft YaHei;"><script type="text/javascript" src="swfobject.js"></script>
<Skripttyp="text/javascript">
swfobject.registerObject("myId", "9.0.0", "cam.swf");
</script></span>

Code kopieren

Der Code lautet wie folgt:

<span style="font-family:Microsoft YaHei;"><div style="margin-top:-30px;margin-left:-120px;">
<Objekt-ID="meineId" Klasse="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" Breite="490" Höhe="390">
<param name="Film" value="cam.swf" />

<Objekttyp="Anwendung/x-shockwave-flash" Daten="cam.swf" Breite="490" Höhe="390">

<div>
<h1>Alternativer Inhalt</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" /></a></p>
</div>

</Objekt>

</Objekt>
</div></span>

Rendern

Fazit <br />Im Vergleich zu diesen Methoden empfehle ich die Verwendung von JS-Einbettung zum Laden des Flash-Plugins. Diese Methode stellt nicht nur die Realisierung aller Funktionen von Flash sicher, sondern bietet auch eine gute Kompatibilität mit verschiedenen Browsern. JS kann auch erweiterte Funktionen bereitstellen und, was noch wichtiger ist, es kann von mehr Personen wiederverwendet werden, wodurch unnötiger redundanter Code reduziert wird.

Plug-in-Downloadadresse: SWFObject

<<: Installationstutorial auf Unternehmensebene unter Verwendung des LAMP-Quellcodes

>>: So erstellen Sie eine Baidu-Totlink-Datei

Designideen für MySQL-Backup und -Wiederherstellung

Artikel empfehlen

Fügen Sie nach js oder css ?v= Versionsnummer hinzu, um das Browser-Caching zu verhindern

Code kopieren Der Code lautet wie folgt: <span...

Detaillierte Erläuterung der MySQL-Sicherung und -Wiederherstellung

Vorwort: In den vorherigen Artikeln wurde die Ver...

Detaillierte Erläuterung der Lösung für verstümmelte Zeichen, wenn JDBC eine Verbindung zu MySQL herstellt, um Chinesisch zu verarbeiten

Detaillierte Erläuterung der Lösung für verstümme...

So rufen Sie mit dem Flash-Plugin die Kamera des PCs auf und binden diese in die TML-Seite ein

Designideen für MySQL-Backup und -Wiederherstellung

So stellen Sie mit Node-Red eine Verbindung zur MySQL-Datenbank her

Webdesign-TabIndex-Element

Verstehen Sie alle Aspekte von HTTP-Headern mit Bildern und Text

So legen Sie ein Kennwort für MySQL Version 5.6 auf dem Mac fest

Verwenden Sie Navicate, um eine Verbindung zu MySQL auf dem Alibaba Cloud Server herzustellen

Vue3 setup() - Erweiterte Verwendungsbeispiele - ausführliche Erklärung

Analyse der Schwierigkeiten im Hot-Standby der MySQL-Datenbank

Detailliertes Tutorial zur Installation von Mysql5.7.19 auf Centos7 unter Linux

Installieren Sie den NVIDIA-Grafiktreiber unter Ubuntu (einfache Installationsmethode).

Artikel empfehlen

Fügen Sie nach js oder css ?v= Versionsnummer hinzu, um das Browser-Caching zu verhindern

Detaillierte Erläuterung der MySQL-Sicherung und -Wiederherstellung

Detaillierte Erläuterung der Lösung für verstümmelte Zeichen, wenn JDBC eine Verbindung zu MySQL herstellt, um Chinesisch zu verarbeiten

JavaScript zur Implementierung eines einfachen Karusselldiagramms, umfassendste Codeanalyse (ES5)

Detaillierte Erklärung des Explain-Typs in MySQL

HTML-Implementierung eines einfachen Rechners mit detaillierten Ideen

So verstecken Sie RAR-Dateien in Bildern

Tutorial zu HTML-Tabellen-Tags (8): Hintergrundbild-Attribut BACKGROUND

Eine kurze Analyse der Grundkonzepte von HTML-Webseiten

Verwenden von js, um den Effekt eines Karussells zu erzielen

Detaillierte Erklärung der Verwendung von DECIMAL im MySQL-Datentyp

Beispielcode für kreisförmigen Hover-Effekt mit CSS-Übergängen

Ausführliches Tutorial zur Installation und Konfiguration von MySQL 8.0.20

Verwenden von vue3 zum Implementieren eines Beispiels für die Kapselung von Zählfunktionskomponenten

Beispiel zum Erstellen eines öffentlichen Harbor-Repository mit Docker