html页面加载flash插件的几种方法.docxVIP

HTML 页面加载 Flash 插件的几种方法 HTML 页面加载 Flash 插件的几种方法 前言之所以写这篇文章，主要是因为组长给提的一个新的需 求——使用浏览器调用电脑的摄像头，来实现即时拍照的功 能。在网上查了很多资料，由于这样那样的原因，最终选择 能。 在网上查了很多资料，由于这样那样的原因，最终选择 了使用 flash 插件来调用 pc 的摄像头。当然，这个需求是基 于 B/S 架构的，因此，就在想怎么把它嵌入到前端的 HTML 页面中。题外话当然，这里还没有考虑到封装，主要是先以 页面 中。题外话当然，这里还没有考虑到封装，主要是先以 实现为目的，后续工作再根据业务进行抽象，封装成通用的 组件。好了，废话不多说， 看重点。 嵌入插件使用 object 和 embed 标签 代码展示 [html] view plain copy lt;span style=font-family:Microsoft YaHei;gt;lt;div style=margin-top:-30px;margin-left:-120px;gt; lt;object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000codebase= /pub/shock wave/cabs/flash/swflash.cab#version=7,0,0,0 width=490 height=390 id=Untitled-1 align=middlegt; lt;param name=allowScriptAccess value=sameDomain /gt; lt;param name=movie value=cam.swf /gt; lt;param name=quality value=high /gt; lt;param name=bgcolor value=#ffffff /gt; lt;embed src=cam.swf quality=high bgcolor=#ffffff width=490 height=390 name=cam align=middle allowScriptAccess=sameDomain type=application/x-shockwave-flash pluginspage= /go/getflashplay er /gt; lt;/objectgt; lt;/divgt;lt;/spangt; 这种方法用到的是 Object 这种方法用到的是 Object 和 Embed 标签，可以看到 object 的很多参数和 object 的很多参数和 embed 里面的很多属性是重复的。 浏 览器兼容性，有的浏览器支持object 览器兼容性，有的浏览器支持 object ，有的支持 embed ， 这也是为什么要修改 Flash 的参数时两个地方都要改的原 因。这种方法是 Macromedia 一直以来的官方方法，最大 限度的保证了 Flash 的功能，没有兼容性问题。 但现在来看， 它还是存在很大问题的。首先，无法通过验证，由于为了兼 容性而嵌入的 embed 标签是不符合 W3C 的规范的。 当然， 如果你不在乎什么规范不规范，另当别论。其次，微软由于 种种原因，在 sp2 后限制了 IE 的 ActiveX 的使用模式， 就是在页面中的 ActiveX 有一个虚框， 需要用户点击一次才 能正常交互。 Flash 是作为一个 ActiveX 嵌入到网页中的， 所以它也会受牵连，只有通过 JS 嵌入 Flash 才能解决这 个问题。再次，没有 Flash 版本检测，如果版本浏览器的 flash 插件版本不够，或者不能正常显示你的 swf 文件，或 者会弹出一个 ActiveX 的确认安装的框——这个框对很多 用户来说是很恐怖的。只使用 object 标签 代码展示 [html] view plain copy lt;span style=font-family:Microsoft YaHei;gt;lt;div style=margin-top:-30px;margin-left:-120px;gt; lt;object type=application/x-shockwave-flash data=c.swf?path=cam.swf width=490 height=390gt; lt;param name=cam value=c.swf?path=cam.swf /gt; lt;img src=defqr.png width=550 height=400 alt= /gt; lt;/objectgt; lt;/divgt;lt;/spa