前言:

是一些代码修改,会比较枯燥,所以没接着写,不过有昨天有网页表示对象棋在线演示中的 对战视频 感兴趣,希望可以提前看到代码,所以本次就提前写里面的对战视频这一块。
由于对战视频采用控制台程序,并没有在服务器运行,所以在线演示版本里一进入显示是显示“未链接”的提示。
一:对战视频 简单原理:
2:视频的传输是图片字节,因此压缩图片是相当必要的。
3:中间的服务选什么?一开始我是在尝试使用WCF的tcp方式,后来折腾配置文件太痛苦,直接转使用Socket通讯,一来有性能优势,二来减少折腾。
二:对战视频 步骤解析:
2:客户端向远端Socket注册[按规则定好的]编号[服务端根据编号查要转发的对象]
3:服务端接收编号并注册,收集一系列编号列表。
4:客户端发送视频
5:服务端接收视频,并根据规则查找另一个编号,将视频字节转发
6:另一个客户端接收视频并显示
三:对战视频 具体实施
1:如何打开视频
代码如下:

{
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代码:

<Rectangle Height="160" Name="myVideo" Stroke="Black" StrokeThickness="1" Width="160" Canvas.Left="0" Canvas.Top="0" />
</Canvas>
运行后我们看下效果,[这里用了本地的虚拟视频,开了3个浏览器并排截了图,第4张是不一样的哦],中间提示确认是否打开视频就不截图了:
2:Silverlight如何使用Socket进行通讯
下面进行代码解析:以下代码将一步扣一步,具体的连环扣如下:建立链接-》注册编号-》开新线程待接收视频-》收到视频处理显示。
2.1:与远程建立链接:

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:注册编号[这里的规则是“房间号+棋手颜色值”]

{
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:开新线程,等待接收对方视频

{
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:将视频显示出来,需要用主线程来操作

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为:
下面再顺路看一下开启的服务端中转Socket的运行:
OK,本节就先到此,下节我们再讲“视频图片的压缩与发送”+服务端处理中转流程
最后:谢谢大家对本系列的喜欢,谢谢支持~
PS:传说点一下推荐会有10个园豆,喜欢麻烦点一下“推荐”,thank you very much!!
版权声明:本文原创发表于 博客园,作者为 路过秋天 本文欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则视为侵权。 |
个人微信公众号![]() |
Donation(扫码支持作者):支付宝:![]() |
Donation(扫码支持作者):微信:![]() |
![]() |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)