在线大头贴插件制作稿件.docVIP

网络模仿秀 你是不是看到别人的网站和社区的亮点功能很心动？想把它们搬进自己的网站或社区中吗？你是不是在网上看到新奇或热门的新功能，想自己模仿设计一下？来我们的“网络模仿秀”瞧瞧，一定有你想要的！如果你有什么网络功能的需求，请发信给我们，投稿信箱：pcw-chendx@。 我很喜欢在街上拍大头贴，但今天我在逛一个娱乐论坛的时候，发现它居然提供了在线大头贴，非常新奇，我也想在自己的论坛上实现这样的功能，以彰显论坛的个性，难度大吗？ 秀出你的个性，在线大头贴插件制作 要制作在线的大头贴其实并不难，我们可以使用flash摄像头插件来获取本地摄像头的视频图像，然后使用js为插件接口提供大头贴边框图片地址，再通过flash插件在本地合成图像并将图像数据发送到服务器，服务器端将得到的数据通过程序处理，最后生成相应的大头贴图片。这样，我们便可以轻松制作出在线大头贴插件了。 第一步 抓取视频图像。 抓取视频图像部分我们使用flash摄像头插件来现实，如果对flash比较了解的话，可以利用flash的Camera对象BitmapData对象绘制图像的功能设计出自己的flash摄像头插件；当然，对flash不了解也不要紧，这样的插件网上很多，我们可以根据自己的需要选择下载，但是在使用这些插件前，我们必须了解插件所提供的接口的调用方法。 新建一个ASP文件，将准备好的flash视频插件引用到该文件的body/body中，设置好插件的ID号以备调用，相关引用代码如下： object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 width=460 height=415 id=dtt!--为调用插件设置的ID号-- param name=movie value=dtt.swf param name=quality value=high embed src=dtt.swf quality=high pluginspage=/go/getflashplayer type=application/x-shockwave-flash width=460 height=415/embed /object 第二步 添加大头贴边框图片。 我们在刚才asp文件中添加一段js代码，作用是当用户选择了一张边框图片后，以获取图片路径，并将路径提供给flash摄像头插件的指定接口。相关代码如下。 script language=JavaScript function selectpic(path){ var dttswf=document.getElementById(swfID);//获取摄像头插件对象 dttswf.changepic(path); //摄像头插件获取边框图片的接口函数，参数path为图片路径。 } /script img src=image_frame/frame_1_1.gif id=img1 onClick=selectpic(this.src) 第三步 将图片数据上传服务器生成大头贴。 通过前两步，我们有了大头贴图片数据，但是由于asp没有生成图片的类或者函数，想要将图片数据生成图片，我们必须使用可以生成图片的ASP组件或者将图片数据直接写入access数据库，然后再从数据库中读出数据流，生成图片。 考虑到通用性，我们采取读写数据库的方法，新建一个ASP页面，用来完成上传图片数据和生成图片所用，主要代码如下（不完整，相关函数请见详细代码）。 Dim strHeadData strHeadData=ChrB(66) ChrB(77) 文件标识 strHeadData=strHeadDataChrB(230) ChrB(4) ChrB(0) ChrB(0) 文件大小 strHeadData=strHeadData ChrB(0) ChrB(0) ChrB(0) ChrB(0) 保留字节， strHeadData=strHeadDataChrB(54) ChrB(0) ChrB(0) ChrB(0) 记录图像数据区的起始位置 strHeadData=strHeadData ChrB(40) ChrB(0) ChrB(0) ChrB(0) 图像描述信息块的大小 strHeadData =strHeadData ChrB(w) ChrB(0) ChrB(0) ChrB(0) 宽度 strHeadData =strHeadData ChrB(h)