Comment utiliser le plug-in Flash pour appeler la caméra du PC et l'intégrer dans la production de pages TML page_HTML/Xhtml_Web

Avant-propos

La raison pour laquelle j'ai écrit cet article est principalement due à une nouvelle exigence soulevée par le chef d'équipe : utiliser le navigateur pour appeler l'appareil photo de l'ordinateur afin de réaliser la fonction de prise de photos instantanée. . J'ai vérifié beaucoup d'informations sur Internet, et pour une raison ou une autre, j'ai finalement choisi d'utiliser un plug-in flash pour appeler la caméra du PC. Bien sûr, cette exigence est basée sur l'architecture B/S, je réfléchis donc à la façon de l'intégrer dans la page HTML frontale.

Digression

Bien sûr, l'encapsulation n'a pas été envisagée ici. Elle est principalement destinée à la mise en œuvre en premier, et les travaux ultérieurs seront résumés en fonction de l'activité et encapsulés en général. composants. Bon, sans plus tarder, concentrons-nous sur les points clés.

Plugin d'intégration

Utiliser les balises d'objet et d'intégration

Affichage du code

Copier le code

Le code est le suivant :

< ;div style="margin-top:-30px;margin-left:-120px;">

Cette méthode Les balises Object et Embed sont utilisées. Vous pouvez voir que de nombreux paramètres d'objet et de nombreux attributs d'intégration sont répétés. Compatibilité des navigateurs, certains navigateurs prennent en charge les objets et certains prennent en charge l'intégration, c'est pourquoi vous devez changer les deux endroits lorsque vous souhaitez modifier les paramètres Flash. Cette méthode a toujours été la méthode officielle de Macromedia, garantissant au maximum les fonctionnalités de Flash sans problèmes de compatibilité.

Mais à y regarder maintenant, il y a encore de gros problèmes.

Tout d'abord, il ne peut pas passer la vérification car la balise embed intégrée pour la compatibilité n'est pas conforme aux spécifications du W3C. Bien sûr, si vous ne vous souciez pas des règles ou des règlements, c’est une autre affaire.

Deuxièmement, pour diverses raisons, Microsoft a restreint le mode d'utilisation de l'ActiveX d'IE après le sp2. Autrement dit, il y a une boîte virtuelle dans l'ActiveX sur la page, qui oblige l'utilisateur à cliquer une fois pour une interaction normale. . Flash est intégré à la page Web en tant qu'ActiveX, il sera donc également affecté. Seule l'intégration de Flash via JS peut résoudre ce problème.

Encore une fois, il n'y a pas de détection de version Flash. Si la version du plug-in Flash du navigateur n'est pas suffisante, ou si votre fichier swf ne peut pas être affiché normalement, ou si une boîte de confirmation d'installation d'ActiveX apparaîtra - cette boîte. est ennuyeux pour de nombreux utilisateurs. C'est effrayant à dire.


Utiliser uniquement la balise d'objet


Affichage du code



Copier le code

Le code est le suivant :

Cette méthode utilise uniquement la balise Object, qui est en fait Flash satay. Comme il n'y a pas de balise d'intégration, il peut réussir la vérification. Il s'agit d'une méthode standard d'intégration de Flash. La compatibilité du navigateur est également bonne, mais il y a encore des problèmes. tout, un swf titulaire est nécessaire pour charger. Votre swf cible garantit la capacité de flux dans IE. Si vous devez transmettre des paramètres via flashvars, ou interagir avec le JS de la page, ce sera très gênant. Deuxièmement, comme la première méthode, une boîte de dialogue ActiveX apparaîtra sans détection de version

Encore une fois, certaines versions inférieures des navigateurs (telles que les versions inférieures de Safari, etc.) ne sont pas d'accord avec cela. méthode et ne sont pas compatibles avec celle-ci

Utilisez uniquement les balises intégrées


Affichage du code




Copier le code

Code comme suit :

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

Copier le codeLe code est le suivant :

Copier le code

Le code est le suivant :