标签: html5

*本文已刊登在《无线电》2014年第6期 《搭建属于你的在线实时采集系统》中已经对HTML5平台有了初步的认识，并基于此向大家展示了如何将采集到的数据上传至网络，实现实时观测。HTML 5是近十年来Web开发标准最巨大的飞跃。想必你已经体会到了HTML5的便捷之处，为了帮助大家更好在此平台上拓展应用，本文更加深入的探析“智能家居”与HTML5的完美结合，让家庭网络实时监控轻松实现。 关于智能家居  2013年，太多公司包括三星和飞利浦在内都对智能家居动了念头，在CES的展览上三星展示了他们的新型智能清洁机器人，飞利浦的Hue智能LED灯泡，遭众多模仿的Nest的智能恒温器，结合智能控制、智能终端、智能显示的智能家居，将迎来更多创意。 所有这些，都让我们感受到智能家居已经脱离一种概念，进入到了下一个产品化阶段。但从用户的角度出发，更多人还是希望体验智能家居最基本的安全保障，便捷、经济、实用依然是多数人关注的主题，所以家庭远程监护无疑得到更多青睐，特别是家中有老人、孩子，或者是你的宠物，发生了紧急状况，怎样才能第一时间得知情况并避免事故的发生？    图1 家庭监控系统示意图 （图片来自：http://dynews.zjol.com.cn/pic/0/11/43/44/11434423_934000.jpg） 从此角度出发，我想到DIY一个家庭网络实时监控系统，用手机或电脑连接网络，就能看到家中各个角落的情况。今天我们介绍的内容就是，用一个摄像头 + 一块单片机就可以搞定的家居网络实时监控，搭载html5平台，实现更佳效果。 关于HTML5—WebSocket数据传输 网络实时访问，图像画质是否能够达到理想值呢？ 以前的web界面在数据采集显示方面，都是采用的轮询方式，数据及时性不好，如果轮询过快，不但加大浏览器的负担，而且可能达不到你想要的效果。这次之所以选择HTML5，由于新增的websocket API函数，几乎完美的解决了实时性的问题。 那么介于我们是采用单片机，将采集到的数据上传至网页，所以可负载的数据量收到缓存大小的限制，为解决此问题， 我们将采集到的视频数据直接输出JPEG格式的图片，暂设播放速率设置为5帧/秒，即画面每秒切换5幅，如此我们就可以实现视频的观看了。   网络摄像头系统演示 系统环境 a) 单片机：STM32F103RC，256K字节Flash，48K字节SRAM，2K字节EEPROM b) 以太网控制器：W5500，SPI接口与单片机相连 c) 电源：USB供电 d) 硬件外设：OV2640摄像头 图2 W5500EVB与OV2640摄像头连接图 开发工具: IAR for ARM v5.41，这是我们工程所使用的版本。如果使用不同版本的IAR，请对STM的库稍作调整。 看代码之前，我们还是先来了解一下整个的程序流程，流程图由一个主流程图和两个子流程图组成。如下图所示，程序采用轮询机制来处理请求和图像数据。在硬件初始化完成之后，将进行网络参数配置，这是要根据自己网络的情况来配置W5500的IP地址等网络参数，确保W5500能连接外网；本程序中，我们会使用W5500的两个socket资源，一个用来创建Http Server，这样在浏览器上输入配置的IP地址，浏览器作为客户端就能远程访问我们的硬件了；另一个用来创建Web Socket Server，与网页端建立通信链路，用来传输我们的摄像头图像数据。   图3 系统主流程图                                   图4a Http处理函数流程图              图4b WebSocket处理函数流程图   当我们在浏览器**问硬件的IP地址，会向W5500发送http请求，W5500在收到请求后将html5的网页程序发送给浏览器，在网页程序中，浏览器会主动与硬件建立WebSocket连接。在完成握手操作后，图像传输的数据通道即建立了。这样每当硬件轮询到新的图像准备好后，就会通过WebSocket将图像数据发送给浏览器，浏览器收到数据后，在界面上绘制图像。实际效果图请见图5。接下来将对摄像头的初始化和图像数据缓存程序，html5中在画布上绘制图像的程序以及WebSocket数据传输程序做详细介绍。 图5 系统浏览器端效果图 OV2640 介绍 1.OV2640 硬件简介 图7 OV2640摄像头 OV2640像素输出最大支持200万像素，支持QCIF(176*144)、QVGA(320*240)、VGA(640*480)、1027*768、1600*1200等像素输出。 继续阅读：http://blog.iwiznet.cn/?p=6289 程序下载地址：http://wizwiki.net/forum/viewtopi c.php?f=91t=733

※已刊登在《无线电》04月刊上 搭建属于你的在线实时采集系统 ——HTML5 在嵌入式系统中的应用 作者：刘琛，徐洋 摘要： 本应用摆脱了以往嵌入式系统的数据采集方式，借助于最新的HTML5的Canvas API及WebSocket API两大特性，实现了数据的在线实时采集功能。提升了嵌入式采集系统的性能及体验。为嵌入式开发工作者提供参考。 关键字：HTML5；HTTP Server；Canvas；WebSocket；W5500；实时；采集系统； 当今信息社会，信息就是金钱，而但凡是信息便必然承载着时效性，过时的信息将不具有任何价值。由此可见，信息实时性的重要性。 随着近几年物联网在各行各业的迅猛发展，越来越多的终端设备连入网络，实现远程交互及控制；各式传感器的广泛普及，使得数据节点分布越来越多。而这些交互数据本身也属于一种原始信息，这些数据量需要我们采集、分析、处理、反馈，其数据真实有效性，准确性，以及实时性保证了整个工作的效率，质量以及价值。 在此，我们基于W5500实现了一个在线采集系统，并且为其引入了一个新鲜的元素——HTML5。通过这种最新的Web语言，为大家呈现一种更为实时、高效的在线实时采集系统。相信随着HTML5在嵌入式领域的不断深入推广，必然对产业效能及价值提升产生不小的作用。 在具体介绍这种实时采集系统前，让我们先简单的来认识一下HTML5。 HTML5和HTML的区别 HTML为创建网页Web使之能够在网络浏览器呈现而设计的一种标记语言。 HTML5为HTML的下一个修订版本。而广义的HTML5，包括了新的以及增强的HTML，CSS3，$#$#Script API和事件的一套技术组合。 图1HTML5 Logo 以下为HTML5较HTML新增强的主要功能： 提高优化网页元素； 表单； Canvas绘图； 网页套接字（WebSocket） 本地存储； 页面间信息传输； 视频与音频（定时媒体播放）； 地理位置（Communication APIs）； 微数据； Canvas API及Web Socket API 其实，实现该在线实时采集系统，得益于HTML5新增的2个API函数：Canvas及WebSocket。 Canvas，由04年苹果公司为MAC OS X仪表板开发的像素绘图元素发展而来。由Canvas元素和相应的$#$#Script组成。使得开发者能够无需借助其他第三方插件，利用$#$#Script的Canvas图形工具，在Canvas元素画板上实现动态绘制图形。 Websocket，提供了一个直接与服务器通讯的Socket。使得在通讯建立之后，客户端（浏览器）能够与网页服务器实现双向通讯，而无需客户端频繁轮询服务器实现。这样能够减少Http请求的额外开销，减轻数据包负担，而且通讯更加实时。 通过对于这2个API函数的灵活应用，我们实现了通过HTTP Server，实时的接收数据量，并在网页Web上动态模拟的功能。 在线实时采集系统演示 系统环境 a) 单片机：STM32F103RC，256K字节Flash，48K字节SRAM，2K字节EEPROM b) 以太网控制器：W5500，SPI接口与单片机相连 c) 电源：USB供电 2. 开发工具: IAR for ARM v5.41，这是我们工程所使用的版本。如果使用不同版本的IAR，请对STM的库稍作调整。 看代码之前，我们还是先来了解一下整个的程序流程，如下图所示。在硬件初始化完成之后，将进行网络参数配置，这是要根据自己网络的情况来配置W5500的IP地址等网络参数，确保W5500能连网；本程序中，我们会使用W5500的两个socket资源，一个用来创建Http Server，这样在浏览器上输入配置的IP地址，就能远程访问我们的硬件了；另一个用来创建Web Socket Server，与网页端建立通信链路，用来传输我们的温湿度数据。 图2硬件运行流程 当我们在浏览器**问硬件的IP地址，会向W5500发送http请求，W5500在收到请求后将html5的网页信息发送给浏览器，这样浏览器上就能显示我们的温湿度检测系统的主界面了。在网页的代码中，浏览器会主动连接W5500的Web Socket Server，在完成握手操作后，数据通信通道即建立了。这样硬件就可以无障碍的将温湿度数据发送给浏览器端，浏览器在收到温湿度数据后，使用画布功能，在指定位置画出温湿度示数的点和曲线。以下是html5中Web Socket（网络套接字）和Canvas（画布）代码、W5500的Web Socket握手和数据帧协议、温湿度采集程序的介绍。 图3网页显示界面 Canvas和Web Socket 在浏览器端我们使用HTML5的Canvas绘制工具和WebSocket API搭建我们的web界面。当有新的温湿度数据来临时，在画布的坐标系里会有画点显示，并标识示数，并且随着采集次数的增加，多个数据连线，就可以看到曲线变化。网页程序步骤如下： 1） 创建页面和canvas所属的style、body标记 2） 绘制坐标轴，添加标题；建立WebSocket连接 3） 新数据到来，绘制点和线 利用Canvas绘图 下面先介绍如何创建一张画布以及代码中使用到的绘制函数。 继续阅读：http://blog.iwiznet.cn/?p=6191 完整的程序代码程序请到http://wizwiki.net/forum/viewtopic.php?f=91t=740p=2527#p2527下载。

HTML5 端云融合：HTML5 彻底研究与开发实践培训   本课程是云计算与智能终端时代的 HTML5 开发的一站式解决方案，专为企业内训和公开课制作，是完整覆盖 HTML5 时代开发人员所需使用的 360 度的技术解决方案。 作为 Web 与移动开发的新标准的 HTML5/JavaScript/CSS3 ，已经纷纷被手机应该开发采用，这不但让 UI 极具弹性，而且也更容易与云计算整合。 HTML5     是 device （终端设备）和 cloud （云计算）的交汇点，是设计与技术的近乎完美的交融。   中国电子标准协会 http://www.ways.org.cn HTML5 不仅代表 Cloud （云计算）， HTML5 力量的源泉更重要的来自于 Device （本地硬件设备）。 HTML5 时代的是 Device-Cloud 模式，而非传统的 Client-Server 模式。 HTML5 时代的核心是 Device ， Cloud 是服务于 Device 端。 作为开发者和架构师，彻底洞悉和驾驭 HTML5 的关键是：在掌握 Browser （浏览器）定制和开发技术的前提下，深刻理解 HTML5 的新技术的产生的源泉（包含但不限于商业、技术、时代因素等），进而顺势而为，彻底掌握 HTML5 与本地硬件的密不可分的关联、 JavaScript 和本地 API 交互的技术、浏览器本身的哲学、本地化 Web 程序的框架 PhoneGap 以及 Web 页面本地化的 JavaScript 框架 jQuery Mobile 等，接着，掌握 html5 客户端的多线程技术并慢慢品味以 WebSocket 为基础的 Cloud 端主动 Push 数据到 Device 的全新思想和交互方式，最后，在优雅的玩味 HTML5 时代 Cloud 端的经典技术： Node*** 这个为高并发、非阻塞式场景而生的云计算服务端中悠然的贯通 HTML5 时代下的 Device 、 Browser 、 Cloud 中的一切！   课程简介： 24 个 HTML5 主题一次性贯穿 HTML5 的一切技术； 一网打尽 HTML5 时代 Device 、（设备端）、 Browser （浏览器）和 Cloud （浏览器）的所有技术； 以浏览器定制技术为基础，通晓 HTML5+CSS3+PhoneGap+Web Socket +JavaScript +Node*** 等 HTML5 的六大核心技术；       最新研发的HTML5操作系统的内幕是什么？   HTML5的核心和力量到底在哪里？             HTML5的架构思维是什么？            为何是All in JavaScript？   如何定制浏览器？   为何定制浏览器是理解HTML5技术本质的起点和终点？   为什么JavaScript和本地API是的交互是理解HTML5关键？         HTML5真正的新特性是什么？          如何调试HTML5？          HTML5中如何使用PUSH技术？          HTML5中的Canvas到底有什么神奇的力量？          HTML5的音视频给多媒体开发带来了怎样的影响？          HTML5的多线程、本地存储、离线存储、地理位置等背后的密码是什么？   HTML5开发框架PhoneGap背后的密码是什么？ PhoneGap技术的本源是什么？ 如何随心所欲的使用PhoneGap？   如何扩充PhoneGap的功能？ PhoneGap的Plugin背后又有什么惊天的商业密码？     如何是HTML5页面完全和Native App类似？ 如何彻底洞悉jQuery Mobile？   Ajax在HTML5价值到底在哪里？   JSON是如何把Native API、Ajax、Node***等连接在一起的？   在HTML5时代，如何应对高并发的服务请求？   如何在服务器端和客户端打在完美的并发非同步处理方案？   本课程讲彻底解答上述所有的问题，全部内容至简而实，采用代码驱动，把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node***的秘密向您娓娓道来。 课程目标： 本课程涵盖HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node***等一些列HTML5相关技术，重在强调代码的实战能力以及背后的原理分析。 掌握本课程后，能够完全胜任任意需求的HTML5+CSS3+JavaScript+PhoneGap+Ajax+jQuery Mobile+Node***的HTML5时代的开发。 具体来说： 定制浏览器并具备开放html5浏览器的能力； 全面解析以HTML5+JavaScript来开发应用： 使用JavaScript开发云计算； 掌握HTML5等多线程、本地存储等所有的新特性技术； 学会以 JavaScript 编写 Device-side的App； 学会以 PhoneGap 整合 Native API； 　　学会以 Node*** 开发 Server-side 服务 (Cloud)；         具体HTML5深刻的洞察力和商业视角；   培训对象：          尤其适合于金融机构、互联网公司、智能终端开发者；          手机App开发人员 传统Web开发人员； 架构师；        传统的智能手机，例如Android的开发人员；          想学习HTML5的人员； 浏览器定制人员； 美工开发人员； 媒体机构； 学员基础：          了解基本的JavaScript语法；          了解基本的HTML5/HTML4语法；     时间 內  容 备注 第一天 第1个主题：HTML5 架构思维 1,1 All in JavaScript 1,2 Architect of Device Cloud 1,3 Open Platform API   第2个主题：HTML5时代的商业机会和变革 2,1 HTML5和以前的HTML的不同； 2.2 HTML5时代新的商业模式； 2.3 HTML5与传统的Native App； 2.4 HTML5将给整个IT界带来全新的变革；   第3个主题：通过一个Blog实例实战HTML5CSS3 3.1 实战HTML5新增页面元素； 3.2 实战HTML5中的表单； 3.3 实战HTML5中的Canvas 3.4 实战html 5页面中视频和音频 3.5 CSS3技术实战 第4主题：浏览器开发和自定义 4.1 浏览器定制和开发的核心原理剖析 4.2 浏览器定制和开发的技术手段剖析 4.3 浏览器定制和开发实战   第5主题：浏览器定制技术基石：WebView下JavaScript如何与本地API进行相互调用 5.1  以Android系统为例探讨制作Android界面的新大陆 5.2  浏览器的JavaScriptInterface 5.3  本地API调用Javascript 5.4  Javascript调用本地API   第6个主题: HTML5的多线程技术 6.1为什么HTML5的多线程技术是Device端编程的一项革命 6.2 WebWorker的原理和机制 6.3 Dedicated Worker和Shared Worker详解 6.4 工作线程生命周期 6.5 通过后台数值计算、共享线程、线程代理等实战多线程技术；   第7个主题： HTML5的离线应用和本地存储功能详解 7.1 问题场景：如何在飞机上离线办公？ 7.2 离线应用三要点：服务器、配置文件、更新 7.3 使用Local Storage和Session Storage； 7.4 使用数据库； 7.5 解决飞机上离线办公的最后一个问题：监听在线事件；   第8个主题：HTML5革命性的特征：Web Socket 8.1 传统的Client-Server的通信方式 8.2 HTML5时代的Device-Cloud的通信方式 8.3 为什么这是革命性的 8.4 Web Socket与Ajax的比较 8.5 Web Socket实战   第9个主题:HTML5的其它新特性和浏览器的兼容性问题 9.1 新的Tag的核心原理和意义 9.2 GeoLocation获取地理位置信息 9.3 WebGL进行3G绘图 9.4 HTML5浏览器兼容性问题的根源 9.5 如何解决HTML5浏览器兼容性问题？   第10个主题：PhoneGap的架构和商业思考 10.1  PhoneGap的架构艺术 10.2  PhoneGap与HTML5、CSS3、JavaScript的关系 10.3  PhoneGap与智能手机的核心功能——包括相机、文件访问、地理定位，加速器，联系人，声音和振动等 10.4  PhoneGap的优势和劣势     时间 內  容 备注                         第二天   第11个主题：PhoneGap框架的技术基石是什么？ 11,1 使用WebView 11,2 在WebView中使用JavaScript 11.3 创建本地Java API 11.4 使用JavaScriptInterface 11.5 JavaScript调用Java 11.6 Java调用JavaScript 11.7 PhoneGap是如何使用JavaScriptInterface的   第12个主题：安装PhoneGap开发第一个PhoneGap程序并彻底剖析该程序 12.1 安装PhoneGap SDK; 12.2 PhoneGap库的加入 12.3 JavaScript的构建 12.4 Asset下HTML文件的构建 12.5 编写配置文件 12.6 打包、安装、运行第一个PhoneGap程序 12.7 彻底剖析PhoneGap程序的运行原理、流程、机制等   第13个主题：PhoneGap案例开发实战 13.1通过Connection测试网络链接 13.2 通过Accelerometer来采集设备的动作 13.3 通过Compass获得当前设备的方向 13.4 PhoneGap 操作本地系统的Camera 13.5 PhoneGap其它的本地API;   第14个主题：PhoneGap的Plugin开发 14.1如何扩展PhoneGap的功能？ 14.2 IPlugin接口 14.3 Proxy-Stub模式在Plugin开发中的应用及价值 14.4 Plugin开发中如何控制硬件厂商和Web开发者 14.5 Plugin核心代码剖析及开发实战     第15个主题：使用HTTPAJAX和远程服务器端沟通 15.1 Ajax在HTML5时代的价值； 15.2 HTTPAJAX实战；   第16个主题：JSON与JavaScript珠联璧合 16.1 剖析JSON； 16.2 JavaScript解析JSON实战； 16.3 Java解析JSON实战； 16.4 JSON：HTML5、本地API、Ajax       时间 内容 备注 第三天 第17个主题：制作 HTML5 手机 UI 17.1，使用 xui 17.2，使用 jQuery Mobile 17.3，使用 AJAX 读取远端资料 17.4，编写手机版 HTML5 网页 17.5，Doctype 与 Viewport   第18个主题：Node*** 基本概念 18.1，Node*** 应用软件架构 18.2，Node*** 使用案例 (Use Case)   第19个主题：“Hello, World” of Node*** 19.1，Server-side Javascript 19.2，编写 HTTP Server 19.3，Event-driven 架构 19.4，Callbacks   第20个主题：HTML5 与 Node*** 20.1，编写 HTML5/Node*** 网页 20.2，HTML5 与 Server-side 20.3，使用案例 (Use Cases)   第21堂课:Blocking and Non-blocking 21.1，Request handlers 21.2，Non-block requests 21.3，处理 GET/POST requests 21.4，Route requests 21.5，事件处理 (Event listening)   第22堂课:Node*** 进阶观念 22.1，Node*** Procedss 22.2，如何 Spawn child process 22.3，Proxying Node*** 22.4，Protocol parser 實作   第23堂课:Node*** IO 处理 23.1，如何与数据库整合 23.2，文件处理 (Filesystem I/O) 23.3，Stream buffer 23.4，Raw buffer 23.5，其它 IO 处理   第24堂课:JavaScript Design Pattern 24.1，Creational Pattern 24.2，jQuery Modular Pattern 24.3，其它设计模式 24.4，MVC 模式            

HTML5 ：智能端应用与云端整合开发实践培训 课程简介：       作为 Web 与移动开发的新标准的 HTML5/JavaScript/CSS3 ，已经纷纷被手机应该开发采用，这不但让 UI 极具弹性，而且也更容易与云计算整合。 本课程是云计算与智能终端时代的 HTML5 开发的一站式解决方案，专为企业内训和公开课制作，是完整覆盖 HTML5 时代开发人员所需使用的 360 度的技术解决方案，内容细致入微； 课程目标： 全面解析以HTML5+JavaScript来开发应用： 使用JavaScript开发云计算； 定制浏览器并具备开放html5浏览器的能力； 学会以 JavaScript 编写 Device-side的App； 学会以 PhoneGap 整合 Native API； 学会以 Node*** 开发 Server-side 服务 (Cloud)； 学习JavaScript Design Pattern； 具备HTML5深刻的洞察力和商业视角； 中国电子标准协会 http://www.ways.org.cn 培训对象：          尤其适合于金融机构、互联网公司、智能终端开发者；          手机App开发人员 传统Web开发人员； 架构师；        传统的智能手机，例如Android的开发人员；          想学习HTML5的人员； 浏览器定制人员； 美工开发人员； 媒体机构； 学员基础：          了解基本的JavaScript语法；          了解基本的HTML5/HTML4语法；   时间 內  容 备注 第一天 第01堂课:Web 导向的手机软件架构 1，认识Web-Oriented Architecture (WOA) 2，移动设备与云端计算 3，综观WOA的应用技术 4，WOA 手机软体架构实务   第02堂课:JavaScript 特性与重点 1，JavaScript 语法重点教学 2，Objects Functions 3，Callback, Module Exceptions 4，Inheritance Prototype 5，Introducing JavaScript DOM 6，Debugging JavaScript   第03堂课:第一个 PhoneGap 应用程序 1，编写 HTML5+PhoneGap 网页 2，制作 iPhone/Android app 3，编写一次到处可用 (write once run anywhere)   第04堂课:PhoneGap API 实战 1，PhoneGap 如何控制手机周边 2，Accelerometer App 实例 3，Camera App 实例 4，PhoneGap API 手册导读   第05堂课:PhoneGap 扩充插件 1，如何扩展 PhoneGap 功能 2，PhoneGap 插件开发   第06堂课:HTML5 手机 App 测试与除错 1，如何除错 HTML5 App 2，如何除错 JavaScript 3，使用 QUnit 测试单元 4，远端除错   时间 內  容 备注                         第二天 第07堂课:制作 HTML5 手机 UI 1，使用 xui 2，使用 jQuery Mobile 3，使用 AJAX 读取远端资料 4，编写手机版 HTML5 网页 5，Doctype 与 Viewport   第08堂课:JSON JavaScript 整合应用 1，JSON 介绍编写 2，Javascript 解析 JSON 3，JSON 与 HTML5 表格处理 4，JSON应用实例 5，Organizing JavaScript Code, HTML5, AJAX and JSON 6，AJAX Pattern 7，‘div’ element Dynamic data   第09堂课:Node*** 基本概念 1，Node*** 应用软件架构 2，Node*** 使用案例 (Use Case)   第10堂课:“Hello, World” of Node*** 1，Server-side Javascript 2，编写 HTTP Server 3，Event-driven 架构 4，Callbacks   第11堂课:HTML5 与 Node*** 1，编写 HTML5/Node*** 网页 2，HTML5 与 Server-side 3，使用案例 (Use Cases)   时间 内容 备注 第三天 第12堂课:Blocking and Non-blocking 1，Request handlers 2，Non-block requests 3，处理 GET/POST requests 4，Route requests 5，事件处理 (Event listening)   第13堂课:Node*** 进阶观念 1，Node*** Procedss 2，如何 Spawn child process 3，Proxying Node*** 4，Protocol parser 實作   第14堂课:Node*** IO 处理 1，如何与数据库整合 2，文件处理 (Filesystem I/O) 3，Stream buffer 4，Raw buffer 5，其它 IO 处理   第15堂课:JavaScript Design Pattern 1，Creational Pattern 2，jQuery Modular Pattern 3，其它设计模式 4，MVC 模式        

  HTML5录播服务器（直播/点播/分布式/1080P/VGA/标清编/解码器）   VGAIC畅通HTML5录播服务器实现了HTML5直播/点播功能，采用分布式架构，由于使用高清/VGA/标清编码器硬件来实现(H264/AAC/MP3)编码，服务器只处理网络协议层负荷，从而可对各种1080P/VGA/标清信号进行实时录制/直播，并提供网页点播服务，整个系统稳定，性价比高而且实施方便。   产品特点： • HTML5直播/点播功能，支持平板/电视/手机/电脑 • 分布式架构，编码器，服务器，解码器间采用网状结构 • 采用编码器实现高清/VGA/标清信号的H264/AAC/MP3编码 • 控制VGA/标清/高清解码器实现分布式终端解码播放 • 成本低，环保(编/解码器使用超低功耗DSP实现) • 1080P全高清/VGA(1600x1200) H264 High Profile编码 • 一台服务器可以支持几十路信号直播/点播   拓扑图如下：     编码器信号源格式： 高清信号：1080P 60HZ/50HZ 1080I 60HZ/50HZ 720P 60HZ/50HZ 625/525P VGA信号：1280x1024/1600x1200/1024x768/800x600/640x480/1280x800/1280x768等 标清信号：PAL/NTSC   解码器信号格式： VGA/HDMI/SD接口，接显示器/大屏/电视机均可。   直播/点播： 全部采用HTML5标准实现，直接在浏览器中即可收看，无论是电脑，平板，手机，电视都可以直接访问。   控制： 直接在浏览器中即可完成录制，控制，配置等功能，简单方便。   可定制： 根据实际需求，灵活配置编码器/服务器/解码器的配置，可OEM，详情请联系020-84064968。   广州畅通信息技术有限公司 广州市海珠区南洲路 36 号银华商务大厦 376 室 邮编： 510290 电话(Tel)： (8620)84064968 传真(Fax)： (8620)26292051 网址：http://www.vgaic.com   常规 / 销售： info@vgaic.com 技术支持： support@vgaic.com