视频聊天源码【旗舰版（上）】

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="800" height="600" creationComplete="init()" minHeight="600"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Style source="videoChat.css"/> <fx:Declarations> <!-- 将非可视元素（例如服务、值对象）放在此处 --> </fx:Declarations> <fx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; import mx.controls.Alert; import mx.controls.Text; import mx.events.CloseEvent; import mx.events.FlexEvent; import mx.events.VideoEvent; import mx.rpc.events.ResultEvent; import mx.rpc.http.HTTPService; import spark.components.TextArea; private var IP:String; private var redPath:String; private var nc:NetConnection; private var ns:NetStream; private var ns2:NetStream; private var cam:Camera private var mic:Microphone; private var listSO:SharedObject; private var msgSO:SharedObject; [Bindable] private var sendMsg:String; private var now:Date; private var userIDObj:Object; private var video:Video; private var currentChatFriend:String=null; private var currentUser:String=null; [Bindable] private var sizes:ArrayCollection=new ArrayCollection(new Array(6,8,10,12,14,15,16,18,20,22,24,25,28)); [Bindable] private var fonts:ArrayCollection=null; public const xmlUrl:String="MyFaces.xml"; [Bindable]private var faceList:ArrayCollection; private function findAllFonts():void{ fonts=new ArrayCollection(Font.enumerateFonts(true)); } //设置字体 private function setFont():void{ //sendmessage.setStyle("fontFamily",(ziti.selectedItem as Font).fontName); } private function init():void{ IP="192.168.1.100"; redPath="rtmp://"+IP+"/makeFriend"; nc=new NetConnection(); now=new Date(); main.visible=false; login.visible=true; findAllFonts(); changeRichTextEditor(); this.facespanel.visible=false; var service:HTTPService = new HTTPService(); service.url = xmlUrl; service.addEventListener(ResultEvent.RESULT, resultHandler); service.send(); facespanel.addEventListener(MouseEvent.ROLL_OUT,closePanel); } private function startConnect():void{ nc.addEventListener(NetStatusEvent.NET_STATUS,statusHandler); nc.addEventListener(SecurityErrorEvent.SECURITY_ERROR,securityHandler); nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR,asyncHandler); nc.connect(redPath,username.text,userpwd.text); nc.client=this; } private function statusHandler(e:NetStatusEvent):void{ if(e.info.code=="NetConnection.Connect.Success"){ login.visible=false; main.visible=true; main.title="双击好友头像可以聊天！！"; this.width=680; setListSO(); setMsgSO(); currentUser=username.text; btnSend.addEventListener(MouseEvent.CLICK,sendBtnByClick); main.addEventListener(KeyboardEvent.KEY_DOWN,sendBtnByKey); } if(e.info.code=="NetConnection.Connect.Failed") { Alert.show("连接失败"); } if(e.info.code=="NetConnection.Connect.Closed") { Alert.show("服务器已经将您的连接关闭，请尝试重新连接！！！"); } } private function securityHandler(e:SecurityError):void{ // Alert.show("低调的安全沙箱错误"); } private function asyncHandler(e:AsyncErrorEvent):void{ // Alert.show("低调的异步错误"); } private function publishVideo():void{ this.width=800; this.friendList.visible=false; this.chatVideo.visible=true; ns=new NetStream(nc); cam=Camera.getCamera(); mic=Microphone.getMicrophone(); myVideo.attachCamera(cam); ns.client=this; // ns.addEventListener(NetStatusEvent.NET_STATUS,statusHandler); ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR,asyncHandler); ns.attachCamera(cam); ns.attachAudio(mic); ns.publish(currentUser,"live"); } private function setListSO():void{ listSO=SharedObject.getRemote("listSO",nc.uri,false); listSO.connect(nc); listSO.addEventListener(SyncEvent.SYNC,listSOSyncHandler); } private function setMsgSO():void{ msgSO = SharedObject.getRemote("msgSO", nc.uri, false); msgSO.addEventListener(SyncEvent.SYNC, msgSOSyncHandler); msgSO.connect(nc); } private function msgSOSyncHandler(e:SyncEvent):void{ for (var i in msgSO.data) { txtmessage.text =txtmessage.text+ msgSO.data[i]; } } private function listSOSyncHandler(e:SyncEvent):void{ showUserList(); } private function showUserList():void{ friendList.removeAllElements(); var la:Label=new Label(); la.text="在线好友"; la.height=30; la.styleName="labstyle"; friendList.addElement(la); for(var tmp in listSO.data) { var g:Group=new Group(); g.percentWidth=100; g.height=61; g.buttonMode=true; g.id=listSO.data[tmp].userName; var lab:Label=new Label(); lab.text=listSO.data[tmp].userName; lab.x=65; lab.y=32; var image:Image=new Image(); if(listSO.data[tmp].uimage==""||listSO.data[tmp].uimage==null){ image.source="images/boy.jpg"; image.width=44; image.height=44; }else{ image.source=listSO.data[tmp].uimage; } image.x=10; image.y=9; g.addElement(lab); g.addElement(image); g.doubleClickEnabled=true; g.alpha=0.9; g.addEventListener(MouseEvent.MOUSE_MOVE,groupMouserMove); g.addEventListener(MouseEvent.MOUSE_OUT,groupMouserOut); g.addEventListener(MouseEvent.DOUBLE_CLICK,updateChatTo); friendList.addElement(g); } } private function updateChatTo(e:Event):void{ var g:Group= e.currentTarget as Group currentChatFriend=g.id; main.title="您正与"+g.id+"聊天中"; } private function groupMouserMove(e:MouseEvent):void{ var g:Group=e.currentTarget as Group; g.alpha=1; } private function groupMouserOut(e:MouseEvent):void{ var g:Group=e.currentTarget as Group; g.alpha=0.9; } public function showFrendSP(chatFriend:String):void{ try{ video=new Video(); ns2=new NetStream(nc); ns2.addEventListener(AsyncErrorEvent.ASYNC_ERROR,asyncHandler); ns2.client=this; video.attachNetStream(ns2); video.width=288; video.height=218; friendVideo.addChild(video); ns2.play(chatFriend); friendVideo.play(); }catch(e:Error){ } } //关闭视频的时候 private function videoExit(e:Event):void{ this.width=680; ns2.close(); ns.close(); myVideo.close(); friendVideo.close(); this.friendList.visible=true; this.chatVideo.visible=false; if(_chatFrend!=null){ nc.call("exitVideo",null,currentUser,_chatFrend); } } public function exitVideo():void{ this.width=680; ns2.close(); ns.close(); myVideo.close(); friendVideo.close(); this.friendList.visible=true; this.chatVideo.visible=false; } private function setSize():void{ //this.sendmessage.textFlow.fontSize=zihao.selectedItem; //this.sendmessage.htmlText='<font size="'+zihao.selectedItem+'" >'+this.sendmessage.text+'</font>'; } private function sendBtnByClick(e:Event):void{ sendMsge(); } private function sendBtnByKey(e:KeyboardEvent):void{ if(e.keyCode==Keyboard.ENTER&&e.ctrlKey==true) { sendMsge(); } } private function sendErrorMessage(touser:String,mess:String):void{ nc.call("msgFromPrivate",null,mess,currentUser,touser); } private function sendMsge():void{ var mess:String=currentUser+" "+now.toTimeString()+"\r\n"+sendmessage.htmlText+"\r\n"; if(currentUser==currentChatFriend){ Alert.show("您不能与自己聊天，请重新更换聊天对象！！！","Soory"); return; } if(sendmessage.text==""){ Alert.show("发送信息不能为空！！！","Soory"); return ; } if(currentChatFriend==null){ Alert.show("请选择发送对象！！！","Soory"); return ; } if(currentChatFriend!=null){ nc.call("msgFromPrivate",null,mess,currentUser,currentChatFriend); sendmessage.text=""; txtmessage.htmlText+=mess; } } public function showLoginError():void{ Alert.show("您的账号已经在其他地方登陆，您将回到登录页面","soory"); nc.close(); } public function showMsgByPrivate (msg:String,from:String,to:String):void{ txtmessage.htmlText=txtmessage.htmlText+msg; } public function showfaceMsgByPrivate(msg:String,from:String,to:String):void{ this.txtmessage.htmlText+=msg; } private function sendClear(event:Event){ this.sendmessage.text=""; } private function requestSP():void{ if(chatVideo.visible){ Alert.show("您的视频正在连接中，请挂断之后再操作!","提示"); return; } if(currentUser==currentChatFriend){ Alert.show("您不能与自己进行视频聊天，你可以点击打开我的视频，让网友看见您的视频!","提示"); return; } if(currentChatFriend==null){ Alert.show("您没有选择视频聊天好友，您将会打开您的视频给所有网友观看","提示"); publishVideo(); return; } publishVideo(); nc.call("requestSP",null,currentUser,currentChatFriend); } private var _chatFrend:String; public function showSPRequest(chatFrend:String):void{ _chatFrend=chatFrend; Alert.show(chatFrend+"请求与您视频聊天","信息",Alert.YES|Alert.NO,this,alertHandel); } private function alertHandel(event:CloseEvent):void{ if(event.detail==Alert.YES){ currentChatFriend=_chatFrend; publishVideo(); friendVideo.toolTip="视频信息拉取中..."; showFrendSP(_chatFrend); nc.call("echoSPRequest",null,currentUser,_chatFrend); }else{ sendErrorMessage(_chatFrend,currentUser+"拒绝了您的视频邀请!\r\n"); txtmessage.text+="您拒绝了对方的视频请求!\r\n" } } private function resultHandler(event:ResultEvent):void{ faceList=event.result.faces.face; } private function showPanel():void{ if(currentUser==currentChatFriend){ Alert.show("您不能与自己聊天，请重新更换聊天对象！！！","Soory"); return; } if(currentChatFriend==null){ Alert.show("请选择发送对象！！！","Soory"); return ; } if(currentChatFriend!=null){ this.facespanel.visible=true; } } private function closePanel(e:Event):void{ this.facespanel.visible=false; } //用户选择图片的单击事件 private function imageclick(evt:Event):void { var img:Image=evt.currentTarget as Image; var idx:int=int(img.data); var msg:String=currentUser+" "+now.toTimeString()+'<img src="images/Face/'+idx+'.swf" mce_src="images/Face/'+idx+'.swf" />'+"\r\n"; nc.call("facemsgPrivate",null,msg,currentUser,currentChatFriend); sendmessage.text=""; txtmessage.htmlText+=msg+"\r\n"; closePanel(evt); } //滚动条自动滚动到最下面，方便用户看聊天记录 private function updateCompleteHandler(evt:FlexEvent):void { this.txtmessage.verticalScrollPosition=this.txtmessage.maxVerticalScrollPosition; } //改变RichTextEditor的布局 private function changeRichTextEditor():void{ sendmessage.linkTextInput.visible=false; sendmessage.bulletButton.visible=false; sendmessage.alignButtons.visible=false; sendmessage.fontFamilyCombo.x=6; sendmessage.fontFamilyCombo.y=-180; sendmessage.fontSizeCombo.x=145; sendmessage.fontSizeCombo.y=-180; sendmessage.toolBar2.x=200; sendmessage.toolBar2.y=-180; sendmessage.colorPicker.x=275; sendmessage.colorPicker.y=-180; sendmessage._RichTextEditor_VRule1.visible=false; sendmessage.fontFamilyCombo.selectedIndex=0; } ]]--> </fx:Script> <s:Panel id="login" title="欢迎您的访问" width="100%" height="100%" contentBackgroundColor="#F0F8FF"> <s:Label x="381" y="109" text="登 录" width="192" height="35" fontFamily="中易宋体" fontSize="25" verticalAlign="middle" textAlign="center" fontWeight="normal" fontStyle="normal"/> <s:Label x="353" y="167" text="用户名：" width="73" height="24" verticalAlign="middle" fontFamily="中易宋体" fontSize="16"/> <s:Label x="353" y="212" text="密 码：" width="73" height="24" verticalAlign="middle" fontFamily="中易宋体" fontSize="16"/> <s:TextInput id="username" x="446" y="168" width="154" textAlign="left" maxChars="18" contentBackgroundColor="#FFFFFF"/> <s:TextInput id="userpwd" x="445" y="214" width="154" textAlign="left" displayAsPassword="true" maxChars="18" contentBackgroundColor="#FFFFFF"/> <s:Button x="373" y="257" label="登录" id="btnsub" click="startConnect()" fontFamily="中易宋体"/> <s:Button x="501" y="257" label="取消" id="cancel" click="navigateToURL(new URLRequest('javascript:window.close()'),'_self')" fontFamily="中易宋体"/> </s:Panel> <s:Panel id="main" width="100%" height="100%" backgroundColor="#F0F8FF" contentBackgroundColor="#FFFFFF" chromeColor="#AFB5CF" cornerRadius="10" borderVisible="true"> <s:BorderContainer id="chatMain" width="475" height="100%" backgroundColor="#F0F8FF"> <mx:TextArea enabled="false" id="txtmessage" x="14" y="19" width="445" height="292" contentBackgroundColor="#FFFFFF" fontFamily="中易宋体" updateComplete="updateCompleteHandler(event)" accentColor="#FFFFFF" borderColor="#FFFFFF" chromeColor="#FFFFFF" /> <!--<s:TextArea id="sendmessage" x="14" y="355" width="445" height="145" contentBackgroundColor="#FFFFFF"/>--> <!--<mx:TextArea id="sendmessage" x="14" y="355" width="445" height="145" contentBackgroundColor="#FFFFFF"/>--> <mx:RichTextEditor id="sendmessage" x="14" y="355" width="100%" height="100%" contentBackgroundColor="#FFFFFF" headerHeight="5" borderColor="#F0F8FF" accentColor="#F0F8FF" backgroundAlpha="2.0" backgroundColor="#F0f8FF" borderAlpha="2.0" chromeColor="#F0F8FF" contentBackgroundAlpha="2.0" cornerRadius="0" disabledColor="#FCFCFC" dropShadowVisible="false" paddingRight="10"/> <s:Button id="btnSend" x="279" y="519" label="发送" fontFamily="中易宋体"/> <s:Button id="btnClear" x="374" y="519" label="清空" click="sendClear(event)" fontFamily="中易宋体"/> <!--<s:BorderContainer id="sub" width="445" height="40" x="14" y="314" backgroundColor="#F0F8FF">--> <mx:Image x="337" y="325" id="expression" source="@Embed('images/face.jpg')" toolTip="选择表情" buttonMode="true" autoLoad="true" width="24" height="24" scaleContent="false" click="showPanel()"/> <mx:Image x="375" y="325" source="@Embed('images/shipin.jpg')" id="shipin" buttonMode="true" width="22" height="22" click="requestSP()"/> <!--<s:ComboBox x="29" y="6" width="85" id="ziti" change="setFont()" labelField="fontName" dataProvider="{fonts}" contentBackgroundColor="#FFFFFF"/> <s:Label x="1" y="10" text="字体" id="zt" fontFamily="中易宋体" fontSize="14" /> <s:Label x="119" y="10" text="字号" fontFamily="中易宋体" fontSize="14" id="zh"/> <s:ComboBox x="147" y="6" width="49" id="zihao" dataProvider="{sizes}" change="setSize()" contentBackgroundColor="#FFFFFF"/> <mx:Image buttonMode="true" x="203" y="7" id="ct" width="22" height="22" source="@Embed('images/ct1.jpg')"/> <mx:Image buttonMode="true" x="230" y="7" height="22" width="22" id="xhx" source="@Embed('images/xhx1.jpg')"/> <mx:Image buttonMode="true" x="258" y="7" id="ys" source="@Embed('images/yanse1.jpg')" height="22" width="22"/>--> <!--</s:BorderContainer>--> </s:BorderContainer> <s:BorderContainer id="chatVideo" visible="false" width="43%" height="100%" backgroundColor="#F0F8FF" x="468" y="0"> <mx:VideoDisplay id="myVideo" width="288" height="217" x="21" y="276"/> <mx:VideoDisplay id="friendVideo" width="288" height="217" x="21" y="23"/> <s:Label x="29" y="523" text="视频连接中：" id="time" fontSize="14" fontFamily="中易宋体"/> <s:Button x="234" y="517" label="挂断" id="videoClose" fontSize="15" click="videoExit(event)" fontFamily="中易宋体"/> </s:BorderContainer> <s:VGroup id="friendList" x="495" y="0" width="190" height="100%" gap="0" contentBackgroundColor="#F0F8FF" chromeColor="#D88A8A"> <s:Label id="friendCount" text="在线人数:" width="100%" height="32" styleName="labstyle" fontFamily="中易宋体"/> <s:Group x="19" y="44" width="100%" height="61" id="detail1" chromeColor="#DF4848" buttonMode="true" color="#921F1F"> <mx:Image x="10" y="9" source="@Embed('images/boy.jpg')" width="44" height="44" id="photo1"/> <s:Label x="65" y="32" text="天涯海角" id="nicheng1" width="114" height="19" verticalAlign="middle" fontWeight="bold"/> </s:Group> </s:VGroup> </s:Panel> <mx:Panel id="facespanel" title="默认表情" x="40" y="80" width="487" height="310" cornerRadius="10" accentColor="#F6F1F1" borderVisible="true" dropShadowVisible="false" borderColor="#6CA6CD" borderAlpha="2.5" backgroundAlpha="10" backgroundColor="#FDFAFA" visible="false"> <mx:ToolBar width="485" > <mx:Repeater id="faceRep" dataProvider="{faceList}"> <mx:Image click="imageclick(event)" buttonMode="true" data="{faceRep.currentIndex}" toolTip="{faceRep.currentItem.tp}" source="{faceRep.currentItem.icon}" /> </mx:Repeater> </mx:ToolBar> </mx:Panel> </s:Application>

本版本只发上半部，严禁商业抄袭！！！