Cara menggunakan pemalam denyar untuk memanggil kamera PC dan membenamkannya ke dalam TML page_HTML/Xhtml_Web page production

Kata Pengantar

Sebab mengapa saya menulis artikel ini adalah terutamanya kerana keperluan baru yang dibangkitkan oleh ketua pasukan - untuk menggunakan penyemak imbas untuk memanggil kamera komputer untuk merealisasikan fungsi mengambil gambar serta-merta . Saya menyemak banyak maklumat di Internet, dan atas satu sebab atau yang lain, akhirnya saya memilih untuk menggunakan pemalam kilat untuk memanggil kamera PC. Sudah tentu, keperluan ini berdasarkan seni bina B/S, jadi saya memikirkan cara untuk membenamkannya ke halaman HTML bahagian hadapan.

Penyimpangan

Sudah tentu, enkapsulasi tidak dipertimbangkan di sini terutamanya untuk pelaksanaan dahulu, dan kerja seterusnya akan disarikan mengikut perniagaan dan dikapsulkan kepada umum. komponen . Okay, tanpa berlengah lagi, mari fokus pada perkara utama.

Benamkan pemalam

Gunakan objek dan teg benam

Paparan kod

Salin kod

Kod adalah seperti berikut:

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

Kaedah ini Teg Objek dan Benam digunakan Anda boleh melihat bahawa banyak parameter objek dan banyak atribut benam diulang. Keserasian penyemak imbas, sesetengah pelayar menyokong objek dan beberapa sokongan benam, itulah sebabnya anda perlu menukar kedua-dua tempat apabila anda ingin mengubah suai parameter Flash. Kaedah ini sentiasa menjadi kaedah rasmi Macromedia, memastikan kefungsian Flash sepenuhnya tanpa masalah keserasian.

Tetapi melihat sekarang, ia masih mempunyai masalah besar.

Pertama sekali, ia tidak boleh lulus pengesahan kerana teg benam yang dibenamkan untuk keserasian tidak mematuhi spesifikasi W3C. Sudah tentu, jika anda tidak mengambil berat tentang peraturan atau peraturan, itu perkara lain.

Kedua, atas pelbagai sebab, Microsoft telah mengehadkan mod penggunaan ActiveX IE selepas sp2 Iaitu, terdapat kotak maya dalam ActiveX pada halaman, yang memerlukan pengguna mengklik sekali untuk interaksi biasa . Flash dibenamkan ke dalam halaman web sebagai ActiveX, jadi ia juga akan terjejas hanya dengan membenamkan Flash melalui JS boleh menyelesaikan masalah ini.

Sekali lagi, tiada pengesanan versi Flash Jika versi pemalam flash penyemak imbas tidak mencukupi, atau fail swf anda tidak dapat dipaparkan seperti biasa, atau kotak pengesahan pemasangan ActiveX akan muncul - kotak ini. adalah menjengkelkan kepada ramai pengguna Ia menakutkan untuk mengatakan.


Hanya gunakan teg objek


Paparan kod



Salin kod

Kodnya adalah seperti berikut:

>< nama param="cam" value="c.swf?path=cam.swf" />

width="550" height="400 " alt="" />

Kaedah ini hanya menggunakan teg Objek, yang sebenarnya adalah Flash satay. Memandangkan tiada teg benam, ia boleh lulus pengesahan Ia adalah kaedah standard untuk membenamkan Flash. Ia kelihatan hampir sempurna, tetapi masih ada masalah semua, swf pemegang diperlukan untuk memuatkan sasaran swf anda memastikan keupayaan strim dalam IE Jika anda perlu menghantar parameter melalui flashvar, atau berinteraksi dengan JS halaman, ia akan menjadi sangat menyusahkan Kedua, seperti kaedah pertama, ia juga akan muncul Kotak gesaan ActiveX tanpa pengesanan versi

Sekali lagi, beberapa versi penyemak imbas yang lebih rendah (seperti versi Safari yang lebih rendah, dll.) tidak bersetuju dengan ini. kaedah dan tidak serasi dengannya. Salin kod

Kod Seperti berikut:

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"> Sehr gut. Auch die Browserkompatibilität ist ziemlich gut und alles kann geladen werden. Da das Embed-Tag nicht den W3C-Spezifikationen entspricht, wird diese Methode natürlich nicht empfohlen.


Verwenden Sie JavaScript zum Einbetten

Verwenden Sie JS zum Laden von Flash-Plug-Ins. Es gibt viele Methoden im Internet und es gibt auch viele gute JS-Plug-Ins dafür jeder zur Auswahl. Ich werde SWFObject nur verwenden, um es hier kurz vorzustellen.
Zuerst müssen Sie ein SWFObject-Plug-in-Paket herunterladen, das ein JS-Skript enthält. Dies ist die Skriptdatei, die Sie importieren müssen. Es enthält auch zwei HTML-Beispiele, die Sie nachahmen können. Natürlich können Sie auch die SWFObject-Website besuchen, um mehr zu erfahren. Bitte klicken Sie hier.
Codeanzeige





Code kopieren

Der Code lautet wie folgt: < ;span style="font-family:Microsoft YaHei;"> "text/javascript"> swfobject.registerObject("myId", "9.0.0", "cam.swf"

Code kopieren

Der Code lautet wie folgt: