html5 h264 websocket,2.5 在WebSocket中使用HTML5媒体

2.5 在WebSocket中使用HTML5媒体

作为HTML5和Web平台的一部分，WebSocket API可以很好地和所有HTML5特性(feature)配合。这个API所能发送和接收的数据类型广泛地用于传输应用程序数据和媒体。字符串当然可以表示XML和JSON等Web数据格式。二进制类型可以和拖放(Drag-and-Drop)、FileReader、WebGL和Web Audio API等集成。

我们来看看如何结合WebSocket使用HTML5媒体。代码清单2-20展示了一个结合WebSocket使用HTML5媒体的完整客户端应用程序。你可以根据这些代码创建自己的HTML文件。

说明　为了构建(或者只是理解)本书中的例子，你可以选择使用我们创建的虚拟机，这个虚拟机包含了我们在示例中使用的所有代码、程序库和服务器。下载、安装和启动这个虚拟机的说明参见附录B。

代码清单2-20 结合WebSocket使用HTML5媒体的完整客户端应用程序

在你所喜爱的现代浏览器中打开这个文件。在WebSocket连接打开时查看浏览器的JavaScript控制台。图2-1展示了在Mozilla Firefox中客户端应用程序的运行情况。注意，在该图的底部，我们显示了Firebug(一个强大的开发和调试工具，可以从http://getfirebug.com获得)中的JavaScript控制台。

现在，试着将一个图像文件拖放到这个页面上。在完成图像文件的拖放后，应该看到图像显示在网页上，如图2-2所示。注意Firebug对添加到页面的图像文件的显示方式。

说明　websocket.org服务器目前只接受小消息，所以这个例子只适用于小于65 KB的图像文件，但是这个限制可能会变化，你可以在自己的服务器上试验更大的图像。

这个演示程序的绝妙特性因为媒体来源于最终显示它的同一浏览器而被削弱。你可以用AJAX、甚至完全不需要网络就能够实现同样的视觉效果。当客户端或者服务器发送一些媒体数据，由不同的浏览器(甚至是其他数千个浏览器)显示时，情形就变得有趣了。在广播方案中使用的二进制图像数据读取和显示机制与这个简单的“回显”演示相同。

【责任编辑：book TEL：(010)68476606】

html5 h264 websocket,2.5 在WebSocket中使用HTML5媒体相关推荐

websocket协议以及在gin中的应用
目录 websocket协议简介 WebSocket 协议的来源短轮询本质实现应用场景优缺点长轮询本质实现应用场景优缺点 WebSocket协议 websocket定义及与HTPP ...
html5在线客服源码 websocket c#实现， im 即时通讯完整的源代码，在线聊天
html5在线客服源码 websocket c#实现,可扩展 im 即时通讯在线客服系统源代码,客户端使用 websocket实现,服务器端使用C#实现,完整的源代码.可扩展性强根据自己的需求灵活扩 ...
【Web通信】WebSocket详解：WebSocket是什么？如何使用WebSocket？在Vue中封装WebSocket(心跳监测)。nginx配置websocket。
一.WebSocket相关定义 1. WebSocket定义 WebSocket 是一种基于TCP的全双工通信协议,它提供了一种在浏览器和服务器之间建立持久连接来交换数据的方法.数据可以作为" ...
websocket 在web項目中的应用（服务器推消息）
客户端代码: var socket = null; var url = "wss://" + window.location.host + "/projectName/w ...
websocket之二：WebSocket编程入门
一.WebSocket客户端 websocket允许通过JavaScript建立与远程服务器的连接,从而实现客户端与服务器间双向的通信.在websocket中有两个方法: 1.send() 向远程服务 ...
WebSocket协议入门：WebSocket API
HTML5连接性领域包括WebSocket.服务器发送事件和跨文档消息传递(Cross-Document Messaging)等技术.在HTML5之前,浏览器窗口和框架之间的通信由于安全的原因而受到限 ...
【Android WebSocket】Android 端 WebSocket 基本用法 ( 下载 Java-WebSocket源码 | 导入 Java-WebSocket-1.5.2 工程作为依赖 )
文章目录一.下载 Java-WebSocket 源码二.Android Studio 工程导入 Java-WebSocket 源码使用 https://github.com/TooTallNat ...
java websocket注解_【websocket】spring boot 集成 websocket 的四种方式
集成 websocket 的四种方案 1. 原生注解 pom.xml org.springframework.boot spring-boot-starter-websocket WebSocketC ...
qt websocket android,QT使用websocket进行长连接
一般我们用的最多的就是http请求,但是频繁的请求可能对服务造成的压力很大,所以今天谈谈websocket长连接,一句话:简单 1.什么是长连接? A:一次请求连接,终身使用,就可以长久的保持信息的交 ...
websocket linux测试,Linux - WebSocket测试错误
我正在测试打开websocket和回声. 我试图在基于Linux的PC上运行,并在官方websocket网站'http://www.websocket.org/echo.html' 中使用示例代码进行 ...

html5 h264 websocket,2.5 在WebSocket中使用HTML5媒体

html5 h264 websocket,2.5 在WebSocket中使用HTML5媒体相关推荐

最新文章

热门文章