html5websocketphp
‘壹’ HTML5 WebSocket如何实现消息推送
HTML5 WebSocket实现消息推送有以下两种方法：长连接：在页面里嵌入一个隐蔵iframe，将这个隐蔵iframe的src属性设为对一个长连接的请求或是采用xhr请求，服务器端就能源源不断地往客户端输入数据。 优点：消息即时到达，不发无用请求；管理起来也相对便。
Flash Socket：在页面中内嵌入一个使用了Socket类的 Flash 程序javaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信，JavaScript在收到服务器端传送的信息后控制页面的显示。 优点：实现真正的即时通信，而不是伪即时。
实现消息推送可以试一试极光。极光是国内领先的移动开发者服务提供商，近十年里，极光紧密围绕移动开发者的需求，打造了一系列针对开发者运营、增长及变现的产品。
‘贰’ php+html能够实现视频的在线 播放吗
1、通过网页(HTML5)调用摄像头，通过websocket传输给PHP后端(workerman)， 再由后端广播给所有在线播放网页，观看者可以通过这个播放页面实时观看摄像头拍摄的内容。
2、
可以通过html版本的flash播放器
<p id="player3">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf","single","300","170","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","videos /ld.Flv");//这边是视频在本地的路径
s1.addVariable("image"," videos/ld.jpg");//这边是你的视频的截图
s1.addVariable("width","300");
s1.addVariable("height","170");
s1.write("player3");
</script>
通常是用flv 播放器。
3、你可以直接把视频的这段html代码弄过来。
<embed src="http://player.youku.com/player.php/sid/XNDc4NDU1NjAw/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
，搞个层，点击时候，弹出这个视频。
‘叁’ 你知道Web前端和HTML5技术的区别是什么吗
今天小编要跟大家分享的文章是关于你知道web前端和HTML5技术的区别是什么吗?现在好多人都把HTML5和web前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是web前端开发的总称。今天小编就为各位普及一下，到底web前端和HTML5有哪些区别？
一、什么是web前端开发
以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西。程序开发也好理解就是功能实现。
而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。
它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用心。
访客使用起来更简便。另外，现在前端工作还不仅仅只是网页的制作，还有微网站、APP的制作，游戏制作，例如可以将你开发的Web页面直接打包成手机使用的APP应用，游戏的互动界面更是以前端开发技术为主。
前端开发学习什么?
学习HTML、CSS和DIV+CSS技术用来制作Web页面;学习Java、DOM、BOM等用建立开发基础;学习
photoshop和Axure等软件应用，完成页面UI设计;
也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合;学习
HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用;像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术;
HTML5地理位置应用、离线应用、webworker多线程实现、websocket、跨平台开发技术和webAPP开发等，这些企业级应用技术也是现在开发的主流;
现在前端开发最热门、要人最多，就是使用canvas开发网页游戏动画，以及会用Cocos2d-js制作游戏等开发。
二、什么是HTML5?
HTML5就是HTML最新标准，是现在Web程序开发的核心、标准通用标记语言下的一个应用HTML的第五次重大修改，这是一项推荐标准。
虽然
CSS3和HTML5是两个语言，但通常说HTML5也都泛指包括CSS3，因为它们两个常在一起配合使用的。当然还不指这些，从技术本身分析来看，现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。
虽然开发这类的应用其实是以JS为主，但因为HTML5
这个概念很流行，所以微网站开发、WebAPP或是微网站等应用，很多人都会说使用HTML5开发。
三、前端与HTML5的区别?
现在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是前端开发的总称。
HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。
现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。
通过以上的讲解，相信大家都已经对前端有了一个深刻的认识了吧!如果你是了解过Web前端的人，那么你就有一颗想转行的心，因为相比于其他行业，web前端相对容易只要你有过硬的技术，有足够的项目实战经验，很容易就拿到高薪，再加上如今IT行业发展形势大好，软件开发人员匮乏，未来几年前端开发都将是高薪行业!
以上就是小编今天为大家分享的关于你知道web前端和HTML5技术的区别是什么吗的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师！
‘肆’ HTML 5-php + html5 websocket通讯每次都要手动运行一下么
浏览器端用new WebSocket建立一个WebSocket对象
然后绑定onmessage事件，这时候服务端向浏览器发消息会触发onmessage事件绑定的函数
里面的data属性就是传来的数据，不需要浏览器端主动去拉数据
有数据来了自动调用，只要在事件函数里写好就行了
‘伍’ PHP HTML5 websocket怎么初始化，老是失败
apache自己就有，还需要去配置么？
windows下，直接下载安装，默认配置即可。
linux下，我习惯用centos，你直接yum
install
httpd
php
php-mysql，按y搞定一切。
‘陆’ html5的websocket怎么在服务器端配置php
WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。同时WebSockets仍将基于W3C标准，目前为止Chrome和Safari的最新版本浏览器已经支持WebSockets了。
WebSockets可以替代Long Polling(PHP服务端推送技术)，这是一个有趣的概念。
客户端发送一个请求到服务器，现在，服务器端并不会响应还没准备好的数据，它会保持连接的 打开状态直到最新的数据准备就绪发送，之后客户端收到数据，然后发送另一个请求。这有它的好处：
减少任一连接的延迟，当一个连接已经打开时就不需要创建另 一个新的连接。但是Long-Polling并不是什么花俏技术，他仍有可能发生请求暂停，因此会需要建立新的连接。
一些AJAX应用使用上述技术-这经常是归因于低资源利用。
参考资料：http://blog.sina.com.cn/s/blog_575b0ca50100q17k.html
‘柒’ 如何用php实现websocket
html5自带有websocket，这是客户端的。
php可以使用swoole框架来实现websocket。
或则自己解析websocket协议，使用php自带的socket。
友情提示：在以上情况的时候，php是运行在cli模式下的，这样才能让程序常驻内存。
‘捌’ websocket简介
WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）
首先HTTP有 1.1 和 1.0 之说，也就是所谓的 keep-alive，把多个HTTP请求合并为一个，但是 Websocket 其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范而已，也就是说它是HTTP协议上的一种补充
他们有交集，但是并不是全部。
另外Html5是指的一系列新的API，或者说新规范，新技术。Http协议本身只有1.0和1.1，而且跟Html本身没有直接关系。。通俗来说，你可以用HTTP协议传输非Html数据，就是这样=。=
再简单来说，层级不一样。
首先，Websocket是一个持久化的协议，相对于HTTP这种非持久的协议来说。简单的举个例子吧，用目前应用比较广泛的PHP生命周期来解释。
HTTP的生命周期通过 Request 来界定，也就是一个 Request 一个 Response ，那么在 HTTP1.0 中，这次HTTP请求就结束了。
在HTTP1.1中进行了改进，使得有一个keep-alive，也就是说，在一个HTTP连接中，可以发送多个Request，接收多个Response。但是请记住 Request = Response ， 在HTTP中永远是这样，也就是说一个request只能有一个response。而且这个response也是被动的，不能主动发起。
教练，你BB了这么多，跟Websocket有什么关系呢？ (:з”∠) 好吧，我正准备说Websocket呢。。
首先Websocket是基于HTTP协议的，或者说借用了HTTP的协议来完成一部分握手。
首先我们来看个典型的 Websocket 握手（借用Wikipedia的。。）
熟悉HTTP的童鞋可能发现了，这段类似HTTP协议的握手请求中，多了几个东西。我会顺便讲解下作用。
这个就是Websocket的核心了，告诉 Apache 、 Nginx 等服务器：注意啦，我发起的是Websocket协议，快点帮我找到对应的助理处理~不是那个老土的HTTP。
首先， Sec-WebSocket-Key 是一个 Base64 encode 的值，这个是浏览器随机生成的，告诉服务器：泥煤，不要忽悠窝，我要验证尼是不是真的是Websocket助理。
然后， Sec_WebSocket-Protocol 是一个用户定义的字符串，用来区分同URL下，不同的服务所需要的协议。简单理解：今晚我要服务A，别搞错啦~
最后， Sec-WebSocket-Version 是告诉服务器所使用的 Websocket Draft（协议版本），在最初的时候，Websocket协议还在 Draft 阶段，各种奇奇怪怪的协议都有，而且还有很多期奇奇怪怪不同的东西，什么Firefox和Chrome用的不是一个版本之类的，当初Websocket协议太多可是一个大难题。。不过现在还好，已经定下来啦 大家都使用的一个东西 脱水： 服务员，我要的是13岁的噢→_→
然后服务器会返回下列东西，表示已经接受到请求， 成功建立Websocket啦！
这里开始就是HTTP最后负责的区域了，告诉客户，我已经成功切换协议啦~
Upgrade: websocket
Connection: Upgrade
依然是固定的，告诉客户端即将升级的是 Websocket 协议，而不是mozillasocket，lurnarsocket或者shitsocket。
然后， Sec-WebSocket-Accept 这个则是经过服务器确认，并且加密过后的 Sec-WebSocket-Key 。 服务器：好啦好啦，知道啦，给你看我的ID CARD来证明行了吧。。
后面的， Sec-WebSocket-Protocol 则是表示最终使用的协议。
至此，HTTP已经完成它所有工作了，接下来就是完全按照Websocket协议进行了。具体的协议就不在这阐述了。
——————技术解析部分完毕——————
你TMD又BBB了这么久，那到底Websocket有什么鬼用， http long poll ，或者ajax轮询 不都可以实现实时信息传递么。
好好好，年轻人，那我们来讲一讲Websocket有什么用。来给你吃点胡（苏）萝（丹）卜（红）
在讲Websocket之前，我就顺带着讲下 long poll 和 ajax轮询 的原理。
ajax轮询
ajax轮询的原理非常简单，让浏览器隔个几秒就发送一次请求，询问服务器是否有新信息。
场景再现：
long poll
long poll 其实原理跟 ajax轮询 差不多，都是采用轮询的方式，不过采取的是阻塞模型（一直打电话，没收到就不挂电话），也就是说，客户端发起连接后，如果没消息，就一直不返回Response给客户端。直到有消息才返回，返回完之后，客户端再次建立连接，周而复始。
场景再现：
从上面可以看出其实这两种方式，都是在不断地建立HTTP连接，然后等待服务端处理，可以体现HTTP协议的另外一个特点，被动性。
何为被动性呢，其实就是，服务端不能主动联系客户端，只能有客户端发起。
简单地说就是，服务器是一个很懒的冰箱（这是个梗）（不会、不能主动发起连接），但是上司有命令，如果有客户来，不管多么累都要好好接待。
说完这个，我们再来说一说上面的缺陷（原谅我废话这么多吧OAQ）
从上面很容易看出来，不管怎么样，上面这两种都是非常消耗资源的。
ajax轮询 需要服务器有很快的处理速度和资源。（速度）long poll 需要有很高的并发，也就是说同时接待客户的能力。（场地大小）
所以 ajax轮询 和 long poll 都有可能发生这种情况。
言归正传，我们来说Websocket吧
通过上面这个例子，我们可以看出，这两种方式都不是最好的方式，需要很多资源。
一种需要更快的速度，一种需要更多的’电话’。这两种都会导致’电话’的需求越来越高。
哦对了，忘记说了HTTP还是一个状态协议。
通俗的说就是，服务器因为每天要接待太多客户了，是个健忘鬼，你一挂电话，他就把你的东西全忘光了，把你的东西全丢掉了。你第二次还得再告诉服务器一遍。
所以在这种情况下出现了，Websocket出现了。他解决了HTTP的这几个难题。首先，被动性，当服务器完成协议升级后（HTTP->Websocket），服务端就可以主动推送信息给客户端啦。所以上面的情景可以做如下修改。
就变成了这样，只需要经过一次HTTP请求，就可以做到源源不断的信息传送了。（在程序设计中，这种设计叫做回调，即：你有信息了再来通知我，而不是我傻乎乎的每次跑来问你 ）
这样的协议解决了上面同步有延迟，而且还非常消耗资源的这种情况。那么为什么他会解决服务器上消耗资源的问题呢？
其实我们所用的程序是要经过两层代理的，即HTTP协议在Nginx等服务器的解析下，然后再传送给相应的Handler（PHP等）来处理。简单地说，我们有一个非常快速的 接线员（Nginx） ，他负责把问题转交给相应的 客服（Handler） 。
本身接线员基本上速度是足够的，但是每次都卡在客服（Handler）了，老有客服处理速度太慢。，导致客服不够。Websocket就解决了这样一个难题，建立后，可以直接跟接线员建立持久连接，有信息的时候客服想办法通知接线员，然后接线员在统一转交给客户。
这样就可以解决客服处理速度过慢的问题了。
同时，在传统的方式上，要不断的建立，关闭HTTP协议，由于HTTP是非状态性的，每次都要重新传输 identity info （鉴别信息），来告诉服务端你是谁。
虽然接线员很快速，但是每次都要听这么一堆，效率也会有所下降的，同时还得不断把这些信息转交给客服，不但浪费客服的处理时间，而且还会在网路传输中消耗过多的流量/时间。
但是Websocket只需要一次HTTP握手，所以说整个通讯过程是建立在一次连接/状态中，也就避免了HTTP的非状态性，服务端会一直知道你的信息，直到你关闭请求，这样就解决了接线员要反复解析HTTP协议，还要查看identity info的信息。
同时由客户主动询问，转换为服务器（推送）有信息的时候就发送（当然客户端还是等主动发送信息过来的。。），没有信息的时候就交给接线员（Nginx），不需要占用本身速度就慢的客服（Handler）了
——————–
至于怎么在不支持Websocket的客户端上使用Websocket。。答案是： 不能
但是可以通过上面说的 long poll 和 ajax 轮询 来 模拟出类似的效果
‘玖’ HTML5的WebSocket是什么原理
WebSocket主要用于实时消息接收和发送。传统web的通信是基于http传输协议的，这种协议有一个缺点就是它是面向请求，只有客户端请求一次服务器才会返回最新的一次消息，无法达到服务器更新客户端也同步更新。
那么传统web如何实现实时通信呢？
答案是socket，本质也是http，客户端隔断时间向服务器发送请求查看是否有更新（轮询），这样的做法缺点很明显，性能低下，大部分时间都在做无用功。
于是，人们为了解决http的单通信问题，开发并规范了WebSocket协议，它实现浏览器与服务器全双工通信。它并非http协议，但第一次握手借助http的请求方法。