使用flash插件來調用pc的攝像頭如何將它嵌入到TML頁面中

2019-10-26 17:16:47

字體：大中小

來源：轉載

供稿：網友

前言

之所以寫這篇文章，主要是因為組長給提的一個新的需求——使用瀏覽器調用電腦的攝像頭，來實現即時拍照的功能。在網上查了很多資料，由于這樣那樣的原因，最終選擇了使用flash插件來調用pc的攝像頭。當然，這個需求是基于B/S架構的，因此，就在想怎么把它嵌入到前端的HTML頁面中。

題外話

當然，這里還沒有考慮到封裝，主要是先以實現為目的，后續工作再根據業務進行抽象，封裝成通用的組件。好了，廢話不多說，看重點。

嵌入插件

使用 object 和 embed 標簽

代碼展示

復制代碼

代碼如下:
<span style="font-family:Microsoft YaHei;"><div style="margin-top:-30px;margin-left:-120px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://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="allowScriptAccess" value="sameDomain" />
<param name="movie" value="cam.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="cam.swf" 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" />
</object>
</div></span>

這種方法用到的是 Object 和 Embed 標簽，可以看到 object 的很多參數和 embed 里面的很多屬性是重復的。瀏覽器兼容性，有的瀏覽器支持 object，有的支持 embed，這也是為什么要修改 Flash 的參數時兩個地方都要改的原因。這種方法是 Macromedia 一直以來的官方方法，最大限度的保證了 Flash 的功能，沒有兼容性問題。

但現在來看，它還是存在很大問題的。

首先，無法通過驗證，由于為了兼容性而嵌入的 embed 標簽是不符合 W3C 的規范的。當然，如果你不在乎什么規范不規范，另當別論。

其次，微軟由于種種原因，在 sp2 后限制了 IE 的 ActiveX 的使用模式，就是在頁面中的 ActiveX 有一個虛框，需要用戶點擊一次才能正常交互。Flash是作為一個 ActiveX 嵌入到網頁中的，所以它也會受牽連，只有通過 JS 嵌入 Flash 才能解決這個問題。

再次，沒有 Flash 版本檢測，如果版本瀏覽器的flash插件版本不夠，或者不能正常顯示你的 swf 文件，或者會彈出一個 ActiveX 的確認安裝的框——這個框對很多用戶來說是很恐怖的。

只使用 object 標簽

代碼展示

復制代碼

代碼如下:

上一篇：今天遇到了很奇葩的li a的點擊問題自己解決的

下一篇：用DIV遮罩解決鼠標直接勾選checkbox無效的問題