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

  • 2
  • 0
  • 约3.49千字
  • 约 3页
  • 2018-05-26 发布于河南
  • 举报
在线大头贴插件制作稿件

网络模仿秀 你是不是看到别人的网站和社区的亮点功能很心动?想把它们搬进自己的网站或社区中吗?你是不是在网上看到新奇或热门的新功能,想自己模仿设计一下?来我们的“网络模仿秀”瞧瞧,一定有你想要的!如果你有什么网络功能的需求,请发信给我们,投稿信箱: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)

文档评论(0)

1亿VIP精品文档

相关文档