html
文章平均质量分 67
swt198852
这个作者很懒,什么都没留下…
展开
-
奇艺播放器加载到页面代码
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="456" height="384" id="flashplayer">http://www.qiyi.com/player/20110218183154/qiyi_player.swf" />原创 2012-09-18 22:33:33 · 604 阅读 · 0 评论 -
web socket
认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为S转载 2012-10-25 21:13:12 · 2307 阅读 · 0 评论 -
HTML5 WebSocket 技术介绍
WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一,在传统的无状态HTTP协议中,…WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一,在传统的无状态HTTP协转载 2012-11-21 22:24:08 · 480 阅读 · 0 评论 -
html5 WebSocket在jetty7中的实现
一、WebSocket简介 对于一些对数据实时性要求较高的系统,比如股票行情、在线聊天、微博,实现数据的实时推送是必须的。通常实现实时推送的方式有: 1、轮询:隔一段时间发送数据(如:webqq) 2、socket:以往普通的网页是不支持socket接收消息的。可以通过flash或者applet来作为socket的客户端 3、长连接:指在一个转载 2012-11-22 21:38:32 · 610 阅读 · 0 评论 -
HTML5游戏开发 之 循环的控制(3)
7) 改进性能RequestAnimationFrame确实是实现动画不可或缺的利器,但是不可以过度的使用。尤其是和一些渐变性的事件相关联的动画,比如,Chrome Web Store首页利用垂直滚轴不断显示页面内容。下面给出一个不太好的例子:function onScroll() {update();}?[Copy to clipboard]View Code HTML转载 2012-12-18 20:23:07 · 2183 阅读 · 0 评论 -
duri.me
$(document).ready(function(){$fub = $('#drop-area');$messages = $('.messages');var uploader =new qq.FileUploaderBasic({button: $fub[0],action: 'post_file.php',debug: true,转载 2012-12-18 21:07:00 · 381 阅读 · 0 评论 -
http://www.w3.org/TR/webaudio/#AudioBuffer-section
http://www.w3.org/TR/webaudio/#AudioBuffer-section原创 2013-01-23 15:07:25 · 549 阅读 · 0 评论 -
canvas游戏开发学习之四:应用图像
Canvas 相当有趣的一项功能就是可以引入图像,它可以用于图片合成或者制作背景等。而目前仅可以在图像中加入文字(标准说明中并没有包含绘制文字的功能)。只要是Gecko支持的图像(如 PNG,GIF,JPEG等)都可以引入到 canvas 中,而且其它的 canvas 元素也可以作为图像的来源。引入图像 importing images引入图像只需要简单的两步:第一当然是来源图片,转载 2013-01-10 22:06:24 · 443 阅读 · 0 评论 -
使用javascript和css模拟帧动画的几种方法浅析
们平时在开发前端页面的时候,经常会播放一段帧序列。这段帧序列就像gif图片那样,反复循环播放。那大家可能会说,直接用gif图片就好了,干嘛还去模拟呢?那是因为要做得更加灵活,我们要做到以下几点:1、我们希望这段帧动画只循环播放所指定的次数。2、我们希望帧动画结束的瞬间执行某种操作。这个在游戏中大量存在。3、我们想自如的控制播放的速度。4、我们想尽可能让这个帧动画的实现方式兼容大部分转载 2013-01-10 22:10:02 · 643 阅读 · 0 评论 -
HTML5 Web Worker的使用方法
Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。一:如何使用WorkerWeb Worker的基本原理就是在当前javascript的主线程中,使用Worker类加载一个javascript文件来开辟一个新的线程,起到互不阻塞执行的效果,并且提供主线程和新线程之间数据交换的接口:转载 2013-01-29 20:32:09 · 524 阅读 · 0 评论 -
使用Html5的WebSocket在浏览器上传文件, 支持多文件和大文件.
使用Html5的WebSocket在浏览器上传文件, 支持多文件和大文件.使用websocket上传文件的简单例子: 使用Html5的WebSocket在浏览器上传文件上篇文章没有解决的问题就是大文件的上传问题, 而且多文件上传问题也未协调. 所以这篇文章就是解决这两个问题的.如果将一个大文件直接读入内存再发送的话, 内存会吃不消, 所以我们把大文件分块传输. Htm转载 2013-01-15 15:38:51 · 5872 阅读 · 0 评论 -
使用Html5的WebSocket在浏览器上传文件
使用Html5的WebSocket在浏览器上传文件文件上传的步骤: 打开websocket--连接websocket服务器--在浏览器里选择文件--将文件读入到内存中(以arraybuffer的形式)--在socket里发送文件--完毕! 服务器端:先配置好websocket的服务器, 这里用一个java的开源websocket服务器: Java-WebSocket转载 2013-01-15 15:40:14 · 845 阅读 · 0 评论 -
HTML5音频播放器资源免费下载
Javascript-audio-fxAudioFX Javascript 库,一个简单的HTML5 Audio Helper LibrarySoundManager 2SoundManager 2 利用 HTML5 和 Flash 技术提供了稳定和阔平台的音乐播放功能,只有 10K 的 JS 包。支持MP3, MPEG4 and HTML5 Audio转载 2013-01-15 22:30:35 · 1396 阅读 · 0 评论 -
WebSocket 规范
WebScoket 规范4.1 握手协议websocket 是 独立的基于TCP的协议, 其跟http协议的关系仅仅是 WebSocket 的握手被http 服务器当做 Upgrade request http包处理。 websocket 有自己的握手处理。 TCP连接建立后,client 发送websocket 握手请求. 请求包需求如下:必须是有效的http request 格转载 2012-10-25 21:18:32 · 1282 阅读 · 0 评论 -
WebSocket使用例子
http://www.html5china.com/HTML5features/WebSocket/本篇将以示例说明WebSocket的使用,这个示例同时结合了TWaver HTML5的使用,场景如下:后台提供拓扑数据,并以JSON格式通过WebSocket推送到各个客户端,客户端获取到拓扑信息后,通过TWaver HTML5的Network组件呈现于界面,客户端可以操作网元,操作结果通过转载 2012-11-20 22:21:13 · 1450 阅读 · 0 评论 -
认识HTML5的WebSocket
认识HTML5的WebSocketebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为Socket.IO。一、什么是WebSocket API?WebSocket转载 2012-11-20 22:22:42 · 464 阅读 · 0 评论 -
AS+JS的Flash网站无刷新定位技术
Flash全站的技术应用—AS+JS的Flash网站无刷新定位技术我们知道,在常规的HTML页面里头,点一般的链接,会实现页面的跳转,并且地址栏也跟着变化,用户想将某个页面加入收藏夹,下次打开就直接显示那个页面,而非首页。然而,FLASH站,特别是只有一个HTML页面的那种站,它们的所谓分页可能就分布在不同的帧,或者是些LOADMOVIE之类的。为了做某些特效,不能让页面发生跳转,发生刷新原创 2012-09-19 21:08:18 · 541 阅读 · 0 评论 -
web rtc sample
Testing WebRTC on ChromeContents1 getUserMedia2 The Peer Connection Flag3 Installing a WebRTC enabled Chrome for Mac / Windows / Linux3.1 Mac3.2 Windows3.3 Linux4转载 2012-11-06 22:17:27 · 1391 阅读 · 0 评论 -
html5
通过HTML5 Video和Canvas实现拍照的功能,功能很简单;另外,因为用到了getUserMedia()函数,目前只能在Chrome和Opera里使用,详见:Can I use getUserMedia/Stream API? 演示地址:HTML5 Webcam Photoing基本原理:元素用来从WebRTC(亦即你的摄像头)获取图像,然后通过来抓取视频; v原创 2012-11-07 22:32:14 · 518 阅读 · 0 评论 -
webrtc
http://blog.csdn.net/temotemo/article/details/7530504最近,Google正式开源了WebRTC实时通信项目,希望浏览器厂商能够将该技术内建在浏览器中,从而使Web应用开发人员能够通过HTML标签和JavaScript API就实现Web音频、视频通信功能。WebRTC(Web Real Time Communication)并不是Goog原创 2012-11-07 22:30:14 · 1445 阅读 · 1 评论 -
web rtc
WebRTC Code and API > WebRTC Native APIsThe WebRTC native APIs are implemented based on the following WebRTC spec.The code that implements WebRTC native API原创 2012-11-08 22:09:53 · 749 阅读 · 0 评论 -
WebRTC Internals
HomeBlogTesting WebRTC on ChromeStatus of implementationFAQGet InvolvedArchitectureLicense & RightsiLBC FreewareContactWebRTC Native APIsQuality Dashboard转载 2012-11-08 22:18:42 · 1015 阅读 · 0 评论 -
webrtc ericsson
1.Overview2.Getting started3.Using the APIs3.1.Getting access to camera and microphone3.2.Creating a self-view3.3.Obtaining local media content and using PeerConnection API3.3.1.转载 2012-11-12 22:07:12 · 610 阅读 · 0 评论 -
index webrtc
type="text/javascript"> function onFailSoHard() { console.log("fail") } function sendSignalingChannel(message){ var xhr= new XMLHttpRequest();原创 2012-11-13 22:04:58 · 408 阅读 · 0 评论 -
HTML5 Video Conferencing
The HTML5 WebSockets allows us to share data through our web server with other user browsers. The HTML5 tag provides us with capabilities to access end user local cameras and microphones. Combination转载 2012-11-29 20:28:22 · 556 阅读 · 0 评论 -
webrtc1.0 w3c draft 2012.10.20
WebRTC 1.0: Real-time Communication Between BrowsersW3C Editor's Draft 20 October 2012This version:http://dev.w3.org/2011/webrtc/editor/webrtc.htmlLatest published version:http://www.w3.org/TR/web转载 2012-11-15 22:04:26 · 1579 阅读 · 0 评论 -
web rtc 通信流程图
PeerConnectionCalling sequencesStart a callDisconnect a callReceive a call from the remote peerRemote Peer initiates the disconnection原创 2012-11-15 20:08:53 · 1724 阅读 · 1 评论 -
Face detection using HTML5
Face detection using HTML5, javascript, webrtc, websockets, Jetty and OpenCVBy jos.dirksen on Thu, 04/19/2012 - 15:57Through HTML5 and the corresponding standards, modern browsers get转载 2012-12-03 19:13:13 · 1021 阅读 · 0 评论 -
【翻译】基于HTML5,javascript,webrtc,websockets,Jetty和OpenCV的人脸识别
【翻译】基于HTML5,javascript,webrtc,websockets,Jetty和OpenCV的人脸识别博客分类:Translation html5websocketopencvjavacvwebrtc原文地址:http://www.smartjava.org/content/face-detection-using-html5-javascript-web转载 2012-12-03 19:19:49 · 2870 阅读 · 1 评论 -
new:HTML 5 中的新的事件属性
Window 事件属性window 对象触发的事件。适用于 标签:属性值描述onafterprintscript在打印文档之后运行脚本onbeforeprintscript在文档打印之前运行脚本onbeforeonloadscript在文档加载之前运行脚本onblurscript当窗口转载 2012-11-19 21:58:52 · 493 阅读 · 0 评论 -
Recorder
/*! licensed under MIT, https://github.com/sofish */var Recorder = (function(R, win, doc) { // detect CaptureApi R._api = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozG转载 2013-01-16 13:39:16 · 547 阅读 · 0 评论