前言
之所以寫這篇文章，主要是由於組長給提的一個新的需求——使用瀏覽器呼叫電腦的攝像頭，來實現即時拍照的功能。在網上查了非常多資料，由於這樣那樣的原因，終於選擇了使用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 標籤
程式碼展示
<span style="font-family:Microsoft YaHei;"><div style="margin-top:-30px;margin-left:-120px;">
<object type="application/x-shockwave-flash data="c.swf?path=cam.swf" width="490" height="390">
<param name="cam" value="c.swf?path=cam.swf" />
<img src="defqr.png"
width="550" height="400" alt="" />
</object>
</div></span>
這樣的方法僅僅用到了 Object 標籤，事實上也就是 Flash satay。因為沒有了 embed
標籤，能夠通過驗證，是標準的嵌入 Flash 的方法，瀏覽器相容性也不錯，看起來差點兒完美，只是還是有問題的。
標籤，能夠通過驗證，是標準的嵌入 Flash 的方法，瀏覽器相容性也不錯，看起來差點兒完美，只是還是有問題的。
首先，須要一個 holder swf 來載入你的目標 swf 以保證 IE 中的 stream 能力，假設你須要通過 flashvars 來傳參，或者和頁面的 JS
互動，會非常麻煩。
互動，會非常麻煩。
其次，和第一種方法一樣，也會彈出一個ActiveX的提示框，沒有版本號檢測。
再次，一些低版本號的瀏覽器（如低版本號的Safari等）不認同這樣的方式，對它的相容性不好。
- 僅僅使用 embed 標籤
程式碼展示
<span style="font-family:Microsoft YaHei;"><div style="margin-top:0px;margin-left:-70px;">
<embed 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">
</div></span>
這樣的方法僅僅用到了 Embed 標籤，對照效果來說，還是非常不錯的，瀏覽器的相容性也還不錯，都是能夠載入的。當然，因為 embed 標籤是不符合 W3C 的規範的，所以也不推薦使用這樣的方法。
- 使用JavaScript嵌入
使用 JS 來載入 Flash 外掛，網上已經有非常多的方法了，並且也有非常多不錯的 JS 外掛供大家選擇。我這裡僅僅拿 SWFObject 來簡單的介紹一下。
首先，你須要下載一個 SWFObject 外掛包，該外掛包中包括一個 JS 指令碼，這個是你須要引入的腳步檔案。還包括兩個 html 的樣例，大家能夠模仿一下。當然，你還能夠去 SWFObject 的站點了解一下，網址請點選 這裡 。
程式碼展示
<span style="font-family:Microsoft YaHei;"><script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myId", "9.0.0", "cam.swf");
</script></span>
<span style="font-family:Microsoft YaHei;"><div style="margin-top:-30px;margin-left:-120px;">
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="490" height="390">
<param name="movie" value="cam.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="cam.swf" width="490" height="390">
<!--<![endif]-->
<div>
<h1>Alternative content</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="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div></span>
效果圖
結束語
對照這幾種方式，我更推薦使用 JS 嵌入的方式來載入 Flash 外掛，這樣的方式不僅能保證實現 Flash 的全部功能，同一時候在各瀏覽器的相容性方面也都表現不錯，而且 JS 還能夠提供很多其它的擴充套件功能，更主要是能夠被很多其它的人複用，降低不必要的冗餘程式碼。
外掛下載地址：SWFObject