可以使用WebRTC库-PeerJS来实现点对点视频聊天。 guan 网有详细的API文档，以及简单的视频聊天示例，随机算法得自己写了。还可以学习下canvas，有选择性的把视频流画到canvas上，可以或许可以减少带宽压力。
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、重庆小程序开发公司、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了霞浦免费建站欢迎大家使用！
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
安全性和隐私：聊天软件需要处理用户数据和隐私，因此需要掌握一些安全性和隐私方面的技术，例如SSL证书、密码哈希、加密和解密等。
前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
可以使用WebRTC库-PeerJS来实现点对点视频聊天。 guan 网有详细的API文档，以及简单的视频聊天示例，随机算法得自己写了。还可以学习下canvas，有选择性的把视频流画到canvas上，可以或许可以减少带宽压力。
前端用html5+websocket，但仅有前端还无法实现，还需要有后端，原理是前端通过websocket与后端建立连接，然后将数据发送给后端，后端再将数据以广播的形式发给需要接收的人。
下面给大家带来了HTML5页面音视频在微信和app下自动播放的实现方法现在大部分的H5页面都有实现播放背景音乐，播放视频功能。
HTML5中的video标签用于播放视频文件的，在video标签中我们可以设置窗口的宽高，视频的自动播放，循环播放以及视频的封面图片等等HTML5是下一代HTML，新增了许多新的标签，这些标签实现了许多新的功能。
并且还减少了对外部插件的要求同时也可以更好的处理错误。比如HTML5中的video标签就可以很好的实现了在页面上播放视频的效果。
为内容查看创建离线模式，例如离线视频、电子邮件附件和文本等。注意：FileSystemAPI仅被Chrome支持。如果你想尝试离线存储功能，还可以参考以下资源和代码教程：EricBidelman：如何使用HTML5FileSystemAPI[1]。
AdobeEdge AdobeEdge是一款新型网页互动工具，允许设计师通过HTMLCSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。
常见的网站开发工具有以下几种：MicrosoftFrontPage，是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。
