HTML 5 WebSocket实现实时视频文字传输

HTML 5 WebSocket实现实时视频文字传输

BeyondBlog 博客园 2013-04-12

HTML5 拥有许多引人注目的新特性，如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。虽然现在大家把它捧的很火的样子,但是个人认为它还需要其他平台的支持才能真正的"火起来"。

原来做web通信的时候 基于ajax的“轮询” “长轮询”等其他的方式 网上有很详细的解释

轮询：

这是最早的一种实现实时 Web 应用的方案。客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。这种同步方案的最大问题是，当客户端以固定频率向服务器发起请求的时候，服务器端的数据可能并没有更新，这样会带来很多无谓的网络传输，所以这是一种非常低效的实时方案。

长轮询：

和接收端在数据正式传输前就有了交互,为数据正式传输打下了可靠的基础。在功能上具有支持传输hdtv、sdtv、音频、数据、短信息等多优先级多媒体数据码流的可扩展性，为将来实现接收机定位、定时接收和双向交互业务以及对用户的个性化信息服务等系统功能扩展提供必要的技术基础。数据隐私：浏览器是云应用的数据展现与交互平台，企业可以在浏览器端对用户输入的数据进行脱敏后再提交到服务器端，这样云服务提供商就无法获得原始真实数据。

流：

流技术方案通常就是在客户端的页面使用一个隐藏的窗口向服务端发出一个长连接的请求。服务器端接到这个请求后作出回应并不断更新连接状态以保证客户端和服务器端的连接不过期。通过这种机制可以将服务器端的信息源源不断地推向客户端。这种机制在用户体验上有一点问题，需要针对不同的浏览器设计不同的方案来改进用户体验，同时这种机制在并发比较大的情况下，对服务器端的资源是一个极大的考验。

最近WebSocket很火啊,曾经做通信都用的 长轮询 后来.Net平台上用上 “SignalR（关于这个有兴趣的可以和我讨论这里就不多说了）”这个血牛B的神器可以看看jabbr（基于它实现的,可能你访问不到这个网站,请自备XX工具访问）和老外一起讨论技术是不是很爽?

简单的介绍下SignalR

v. 第五，检查服务器系统是否有第三方防火墙正在运行，如果服务器有第三方防火墙，则需要第三方防火墙允许sql server服务端口tcp1433的入站通信和tcp任意端口的出站连接，需要第三方防火墙允许sql browser服务端口udp1434的入站通信和udp任意端口的出站通信，需要第三方防火墙允许excel服务器的tcp60180入站通信和tcp任意端口的出站通信。在全球化服务方面，该白皮书认为，虽然国内云通信厂商目前在全球服务能力方面，与美国同类厂商还存在巨大的差距，但报告也指出了我国移动应用领域的“出海潮”，给云通信厂商的海外客户获取提供了巨大的想象空间……基于这一系列现状分析，白皮书对于im云通信领域未来发展也明确指出了这三大发展趋势：1. 基于ip的融合通信将逐渐取代单一的运营商业务。在全球化服务方面，该白皮书认为，虽然国内云通信厂商目前在全球服务能力方面，与美国同类厂商还存在巨大的差距，但报告也指出了我国移动应用领域的“出海潮”，给云通信厂商的海外客户获取提供了巨大的想象空间……基于这一系列现状分析，白皮书对于im云通信领域未来发展也明确指出了这三大发展趋势：1. 基于ip的融合通信将逐渐取代单一的运营商业务。

照官方的话讲SignalR它可以实现全双工的通信也就是实时的 而且它有一个“推送消息”的概念通过查看它的文档和源代码可以发现他也非常智能（自动检测当前浏览器和服务器是否支持websocket如果支持则使用websocket通信否则是长轮询），最牛X的是他是跨平台的可以基于Mono！！！！

Mono！

多么牛X的框架！神马IOS Android都能使用它！而且Android有一个叫做 SignalA(Signal for Android 不过它只支持Persistent Connections的连接方式)的框架可以完美结合.Net做通信 我已经用上了 ^_^

许多新手可能对安卓平板电脑里的设置还不够了解，下面就给大家介绍平板电脑设置里每个菜单的功能作用： 1、 无线和网络： wifi和wifi设置：第一项是wi-fi开关按钮，点击后面的方框看到小绿勾表示打开wifi，wifi设置里面可以连接你所想要连接的网络，这里具体可以参考笔记本无线连接网络，一样的方式，界面不同。例如北京移动，需要下载和包，在和包里面找到支持的银行卡插件下载后就开通了触碰支付（即银联所谓的闪付），只是这种方式是一种电子钱包方式，类似在nfc-sim里面划出一个存储区域，但是需要用先圈存（充值）到电子钱包里面。这是一款类似播放视频时候最开始的倒计时广告，广告时间结束才能看到视频内容，一个js小贴片广告代码，右上角带关闭按钮，左上角显示倒计时剩余时间，运行jquery代码综合实现，css和html共同结合的网页特效，兼容各主流浏览器，本效果是从门户网站上整理而来。

继续说WebSocket 从w3c上看文档能够看到一些东西的比如

客户端发到服务器的内容:

1.GET /chat HTTP/1.1

2.Host: server.example.com

3.Upgrade: websocket

4.Connection:Upgrade

5.Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==

6.Origin:

7.Sec-WebSocket-Protocol: chat, superchat

8.Sec-WebSocket-Version:13

从服务器到客户端的内容:

1.HTTP/1.1101SwitchingProtocols

2.Upgrade: websocket

3.Connection:Upgrade

4.Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=

5.Sec-WebSocket-Protocol: chat

型号vx570r内存容量8g存储介质闪存传输接口otg传输显示系统屏幕尺寸4.3英寸屏幕特性触摸屏图片浏览支持图片浏览功能电子书阅读支持文本阅读功能,支持格式:chm,txt,umd,pdb,html视频系统视频格式h.264,vc-1,mpeg-2,mpeg4,xvid,divx,real 8\9\10,avi,rm,rmvb,pmp,flv,mp4,m4v,vob,wmv,3gp,mkv高清播放720p 1280×720,20mb/s视频输出支持视频输出输出接口色差分量,av音频系统音频格式wav,mp3,wma,ape,flac,ogg,aac,mp1,mp2,ac3,amr,dts,ra,m4a附加功能游戏功能支持其它参数其它性能支持g-sensor重力感应。同样，针对复杂网络环境，网易视频云通过自研dawn协议来传输实时音视频流，以及实时监控网络状况，对直播流进行智能调整，增加了抗丢包能力，使直播更加流畅。本产品可实时将图像和声音信号同步压缩，通过3g无线网络进行传输，可传输至用户指挥中心统一，或通过internet实时预览，支持流协议（rtp/rtcp），支持双向语音对讲，多种语言支持等功能。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-103122-1.html