Silverlight+WCF 实战-网络象棋最终篇之对战视频-上篇[客户端开

时间：2014-05-20 16:40 来源：作者：收藏

前言：

近期在忙点“”的事情,所以网络象棋这一块文章就写的相对慢，而且刚好接上篇：之后，

是一些代码修改，会比较枯燥，所以没接着写，不过有昨天有网页表示对象棋在线演示中的感兴趣，希望可以提前看到代码，所以本次就提前写里面的对战视频这一块。

由于对战视频采用控制台程序，并没有在服务器运行，所以在线演示版本里一进入显示是显示“未链接”的提示。

作者：博客：

一： 简单原理：

1：由于Silverlight不支持点对点方式传输，因此只能通过服务器中转方式进行。

2：视频的传输是图片字节，因此压缩图片是相当必要的。

3：中间的服务选什么？一开始我是在尝试使用WCF的tcp方式，后来折腾配置文件太痛苦，直接转使用Socket通讯，一来有性能优势，二来减少折腾。

二： 步骤解析：

1：客户端打开视频

2：客户端向远端Socket注册[按规则定好的]编号[服务端根据编号查要转发的对象]

3：服务端接收编号并注册，收集一系列编号列表。

4：客户端发送视频

5：服务端接收视频，并根据规则查找另一个编号，将视频字节转发

6：另一个客户端接收视频并显示

三： 具体实施

1：如何打开视频

在Siverlight中打开视频相当的简单，都有注释，就不多解说了

代码如下：

        private void btnStart_Click(object sender, RoutedEventArgs e)
        {
            VideoCaptureDevice device = CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice();//获取系统默认视频设备
            if (device == null)
            {
                MessageBox.Show("没有检测到设备！");
                return;
            }
            if (CaptureDeviceConfiguration.RequestDeviceAccess())//请求设备
            {
                CaptureSource source = new CaptureSource()//数据源
                {
                    VideoCaptureDevice = device//设置属性，将数据源绑定到视频
                };
                VideoBrush brush = new VideoBrush();//视频刷子
                brush.SetSource(source);//视频刷子从视频源获取视频
                source.Start();
                myVideo.Fill = brush;//最后填充Rectangle [myVideo只是一个普通Rectangle]
            }
        }

界面Rectangle代码：

运行后我们看下效果，[这里用了本地的虚拟视频，开了3个浏览器并排截了图,第4张是不一样的哦]，中间提示确认是否打开视频就不截图了：

Silverlight+WCF 实战-网络象棋最终篇之对战视频-上篇[客户端开

2：Silverlight如何使用Socket进行通讯

由于Silverlight一般是不允许跨域通讯，因此，其Socket通讯也要比普通的Socket通讯麻烦一小点，不过这麻烦的小点只表现在服务端。

下面进行代码解析：以下代码将一步扣一步，具体的连环扣如下：建立链接-》注册编号-》开新线程待接收视频-》收到视频处理显示。

2.1：与远程建立链接：

       Socket videoSocket;//全局定义一个Socket
        private void btnSocketConn_Click(object sender, RoutedEventArgs e)
        {
            if (videoSocket == null)//实例化Socket
            {
                videoSocket = new Socket(AddressFamily.InterNetwork, SocketType.Stream, ProtocolType.Tcp);
            }
            SocketAsyncEventArgs socketEvent=new SocketAsyncEventArgs()//通讯参数
            {
                RemoteEndPoint=new IPEndPoint(IPAddress.Parse("192.168.0.48"),4505),//设置连接的IP与端口
            };
            socketEvent.Completed += new EventHandler<SocketAsyncEventArgs>(socketEvent_Completed);
            videoSocket.ConnectAsync(socketEvent);//异步链接到远程
        }
        void socketEvent_Completed(object sender, SocketAsyncEventArgs e)//链接完成后
        {
           //这里要写点什么呢？
        }

2.2：注册编号[这里的规则是“房间号+棋手颜色值”]

        void socketEvent_Completed(object sender, SocketAsyncEventArgs e)
        {
            if (e.SocketError == SocketError.Success)
            {
                byte[] buffer = System.Text.Encoding.UTF8.GetBytes("11");//我的编号，11=1房间+红色玩家1，对应的就是12=1房间+黑色玩家2

                SocketAsyncEventArgs dataEvent = new SocketAsyncEventArgs();
                dataEvent.SetBuffer(buffer, 0, buffer.Length);
                dataEvent.Completed += new EventHandler<SocketAsyncEventArgs>(dataEvent_Completed);
                videoSocket.SendAsync(dataEvent);//发送号码到服务端注册
            }
        }
        void dataEvent_Completed(object sender, SocketAsyncEventArgs e)
        {
           //号码发送过去了，接下这里干点什么呢？
        }

2.3：开新线程，等待接收对方视频

       void dataEvent_Completed(object sender, SocketAsyncEventArgs e)
        {
            System.Threading.Thread thread = new System.Threading.Thread(new System.Threading.ThreadStart(Receive));//开启线程
            thread.Start();
        }
        void Receive()//接收视频处理
        {
            byte[] buffer = new byte[1024 * 1024];
            while (true)
            {
                SocketAsyncEventArgs receiveEvent = new SocketAsyncEventArgs();
                receiveEvent.SetBuffer(buffer, 0, buffer.Length);
                receiveEvent.Completed += new EventHandler<SocketAsyncEventArgs>(receiveEvent_Completed);
                videoSocket.ReceiveAsync(receiveEvent);

                System.Threading.Thread.Sleep(50);//小小休眠一下，不要干活太累
            }
        }
        void receiveEvent_Completed(object sender, SocketAsyncEventArgs e)
        {
            //如果收到视频，我们要怎么处理呢？
        }

2.4：将视频显示出来，需要用主线程来操作

        SynchronizationContext syn=SynchronizationContext.Current;//获取当前主线程
        void receiveEvent_Completed(object sender, SocketAsyncEventArgs e)
        {
           byte[] data=e.Buffer;
           if (data[0]>0)
           {
              syn.Post(SetVideo, data);//由于新线程无法对控件进行操作，需要主线程来调用
           }
        }
        void SetVideo(object data)//设置视频
        {
            MemoryStream stream=null;
            WriteableBitmap img=null;
            try
            {
                stream = new MemoryStream(data as byte[]);
                img = new WriteableBitmap(160, 160);

                img.SetSource(stream);
                imgVideo.Source = img;//直接赋下值，就设置好了。
            }
            catch
            {
                return;
            }
            finally
            {
                if (stream != null)
                {
                    stream.Close();
                }
                if (img != null)
                {
                    img = null;
                }
            }
        }

上面的imgVideo为：