HTML5 - ITeye技术社区

[Web前端] jPlayer - 一个HTML5音频/视频媒体库

jPlayer是用JavaScript编写并完全免费和开放源码（ GPL/MIT ）的媒体库，一个jQuery插件，jPlayer让您迅速编写跨平台的音频和视频到您的网页。 jPlayer广泛的API允许您创建创新的媒体解决方案，而且jPlayer的活跃和成长社区提供了支持和鼓励。 jPlayer简介

jquery html5 javascript

0顶0踩

ialy_2000 评论(0) 有4869人浏览 2012-03-23 14:21

[Web前端] Canvas做游戏实践分享(十一)

7 缓冲和弹跳下面我们来介绍一下很常用的缓冲和弹跳的处理。在我们实现复杂运动时，这两种技术会处理大多种的情况。缓冲与弹跳非常均是用来处理将一个对象从已知起点移动到给定终点的技术——缓冲是指对象滑动到目标位置并停止，而弹跳是指对象做有摩擦力的弹簧振子运动。它们有一些共同点：已知初始位置与目标位置运动参数与距离成正相关具体原理是缓冲的速度大小与距离成正相关，而弹 ...

HTML5 Canvas 动画 easing game

1顶0踩

blessdyb 评论(0) 有2382人浏览 2012-03-19 14:59

[移动开发] Make an TWaver HTML5 iPhone App

构建iOS App有很多技术方式可以选择，本文介绍基于UIWebView的Cocoa Touch组件嵌入HTML页面的方式实现的一个iPhone App例子。文中将穿插iOS的基本内容，TWaver HTM ...

twaver iphone app HTML5

0顶1踩

TWaverGeek 评论(0) 有1799人浏览 2012-03-16 17:45

[Web前端] HTML5 - Canvas绘图基础

在html5中脉凌网络蔡明觉得最重要的就是引入了Canvas，使得我们可以在web中绘制各种图形。给人感觉单在这点上有点模糊我们web和桌面程序的感觉。之前对于canvas的研究不多，收集了一些基础知识和大家一起来学习学习： <canvas id="myCanvas" width="600" height="300"& ...

HTML5

0顶0踩

cx361 评论(0) 有105人浏览 2012-03-14 18:24

[移动开发] phoneGap可行性分析

1 移动应用现状移动应用产品往往常常考虑多个平台的支持.单一平台很难保证应用的覆盖面或者换句话说就是用户群体的量和持续的活跃性上从长期的角度而言往往存在短板.另外从开发的角度而言.多平台的支持往往需要建立不同的技术团队.而平台之间开发技术也是完全迥异的. 开发一个具有相同业务的应用Natural-Application需要使用到不同平台的框架和开发语言.使用 C/C++ 的 ...

android phonegap 跨平台 html5

6顶1踩

sunny.liang 评论(14) 有27056人浏览 2012-03-13 17:06

[Web前端] 介绍HTML5中的全屏API

在HTML5中,W3C制定了关于全屏的API,也就是用户可以比如一点某个键, 就可以实现全屏幕的效果,去掉工具栏等,但可惜这个目前只有google chrome 15 , safri(5.1� ...

chrome html html5

3顶1踩

jackyrong 评论(0) 有4295人浏览 2012-03-13 14:14

[Web前端] 用HTML5的本地存储功能

下面的例子展示了在HTML5应用程序中你如何保存数据在客户端本地，使用localStorage属性。 <!DOCTYPE HTML> <html> <head> <title>Using local storage in HTML5</title> </head> <body onload=&qu ...

Html5 javascript

0顶0踩

zlpx 评论(0) 有1128人浏览 2012-03-09 18:43

[Web前端] 看Anychart图表控件如何从flash版本迁移至HTML5版本

　　早在去年9月份的时候，Anychart公司宣布旗下flash图表控件Anychart 6.0版本支持HTML ，本文那么我们就一起看看如何将anychart图表迁移到新的HTML版本的Anychart。　　注：尽管已经集成了HTML 5版本，但是HTML5支持仍处于测试阶段，因此并不是所有图表类型和功能都可用，并且HTML 5版本中的所有图表的外观与Flash版本不完全相同。 ...

Anychart 图表 flash图表 HTML5 JavaScript图表

0顶1踩

zhuhm 评论(0) 有132人浏览 2012-03-01 11:14

[Web前端] HTML5拖拽上传文件,chrome文件夹上传

最近被安排做一个拖拽上传和文件夹上传的功能，不考虑兼容性，哈哈这个可以用HTML5实现。这里就不仔细学习HTML5，我只是想找例子，然后偷过来用，至于原理边用边学。首先这里有一个很好的实例实现拖拽上传：http://blogs.sitepointstatic.com/examples/tech/filedrag/1/index.html 仔细看完估计原理你也会懂的。然后是文件夹 ...

HTML5 拖拽上传文件夹上传

2顶0踩

xiaoshenge 评论(4) 有21680人浏览 2012-02-23 16:50

[Web前端] html5shiv让IE支持HTML5

我们在实际开发过程中会为了确保所有新的HTML5元素能以block元素正确渲染，我们会定义： header,footer,article,section,nav,menu,hgroup,aside{ display:block; } 但是IE会忽略这些样式，原因很简单，低版本的IE不识别这些标签，那我们咋做呢？其实原理还是比较简单的! docu ...

html5 html5shim

1顶0踩

zhangyaochun 评论(2) 有7496人浏览 2012-02-22 10:40

[移动开发] Construct 2 入门

网上无数介绍HTML5游戏开发工具的，免费的不多，Construct 2算是不错的工具。100个事件以下免费，学习也够用了。真超过这些付费买的话，应该也都很熟悉了。查了Nd多文章，只有介绍Construct 2的，怎么用的还没翻译，没就没吧，好在英文文档很多。这周末就研究了一下Construct 2, 视频教程根本没的看, 你懂的, 官网上有很多文章教程。入门其实就看那篇初学者入门导航 ...

游戏 html5 construct2

0顶0踩

zdsdiablo 评论(0) 有13928人浏览 2012-02-19 17:33

[Web前端] Canvas做游戏实践分享(十)

6 用户交互——移动物体游戏的核心在于交互，很多时候需要用户动手来操作游戏对象，很基本的一个操作就是移动物体。接下来我们会介绍如何拖动物体，在画布上扔物体等。 6.1 选择与释放对象使用鼠标对物体的拖拽操作主要有三个步骤——鼠标进入物体范围并按下，鼠标移动及鼠标释放。这涉及到三个鼠标事件：mousedown,mousemove,mouseup。我们按 ...

canvas html5 javascript drag games

2顶2踩

blessdyb 评论(4) 有4269人浏览 2012-02-17 07:17

[Web前端] HTML5 中捕捉视频的小TIPS

今天发现一段不错的HTML 5小TIPS,主要是在支持HTML 5的浏览器上, 在播放视频时,可以点按钮,而把当前帧的图象CUT到一个canvas中去,下面上代码: var videoId = 'video'; var scaleFactor = 0.25; var snapshots = []; /** * Captures a image frame from the pr ...

html5 canvas

2顶1踩

jackyrong 评论(0) 有2263人浏览 2012-02-17 13:02

[Web前端] Canvas做游戏实践分享(九)

反弹反弹的处理原理很简单，在运动对象碰到边界后，我们将其放置到与边缘紧貼的位置，之后将其方向反向即可（因为边界是水平或竖直的 ...

javascript canvas html5 games 速度

1顶1踩

blessdyb 评论(0) 有1913人浏览 2012-02-16 00:38

[Web前端] Getting started with HTML5(整理)

1 背景 2008年正式公布，略 2 HTML5新特性 2.1 离线应用（使用应用缓存）AppCache 2.1.1 定义 application cache：应用缓存/离线存储将

html5

1顶1踩

alex.Lin 评论(0) 有1481人浏览 2012-02-15 11:41

[Web前端] Canvas做游戏实践分享(八)

5.边界控制与摩擦力在大多数的游戏设计中，会有环境边界控制来帮助我们保证画布中的对象在运动的过程中不会脱离画面。同时，对象的运动环境很少会是真空的情况，所以就会存在着摩擦力阻碍物体的速度变化。 5.1 环境边界控制如果我们关注的运动对象在移动的过程中消失在了视窗之外，我们有两大类的选择：一种是将对象重新移动到当前的视窗中或者不再关注此对象，另一种方式是使当前的 ...

canvas JavaScript html5 games

1顶0踩

blessdyb 评论(0) 有1906人浏览 2012-02-14 23:57

[Web前端] Canvas做游戏实践分享(七)

4.2 加速度加速度是改变速度大小及方向的一个属性，在物体受力的过程中，会产生加速度来改变速度的大小及方向。加速度的处理与速度的处理非常类似。一维坐标系统下的加速度一维坐标系统下加速度的实现很简单，我们仍然使用小球系统来模拟，为小球对象添加X轴与Y轴上的加速度属性。实现起来有两步：初始化加速度值，在每一帧开始时为速度增加加速度的值。如下： ball.ax=INITIAL ...

canvas javascript html5 加速度 games

1顶0踩

blessdyb 评论(0) 有2174人浏览 2012-02-13 23:08

[Web前端] Canvas做游戏实践分享(六)

4.1速度运动最基本的属性就是速度。注意这里的速度是物理中所说的速度(Velocity)，它包括大小及方向两部分组成。在动画中，如果我们已知当前一帧对象的位置以及速度，那在下一帧我们就能计算出物体所在的位置。在大多数情况下，速度的大小是按像素/帧为单位的，但实际运行中，由于浏览器的帧率不稳定性，会出现小的差别。如果应用对于统一帧率要求很严格，可以使用其它的方式来处理，之后我们会介绍这 ...

canvas html5 javascript 速度 games

1顶0踩

blessdyb 评论(0) 有3050人浏览 2012-02-13 07:37

[Web前端] Canvas做游戏实践分享(四)

3.4 使用quadraticCurveTo绘制二次贝赛尔曲线 Canvas提供了一系列的方法来绘制曲线，比如quadraticCurveTo(通过起始两个点以及一个控制点来绘制，前两个参数为控制点横纵坐标，后两个参数为终点横纵坐标，使用的是数学上的二次贝赛尔方程)。下面我们来看一下常见的一些使用。固定控制点如下程序，我们实现了一个固定起始点，使用鼠标 ...

JavaScript canvas html5 贝赛尔曲线

1顶0踩

blessdyb 评论(1) 有3151人浏览 2012-02-12 09:03

[Web前端] Canvas做游戏实践分享(五)

3.5 渐变 Canvas的渐变有两各路，线性或径向。在使用gradient时，注意使用createLinearGradient与createRadiusGradient所创建的fillStyle均只在其指定的矩形/圆环区域内生效，如果要fill的图形处于gradient对象之后，则 ...

canvas javascript html5 gradient imageData

1顶0踩

blessdyb 评论(0) 有2398人浏览 2012-02-12 11:44

[Web前端] Canvas做游戏实践分享(三)

3. Canvas 常见用法 3.1 canvas中的色彩对于canvas中色彩的表示，主要沿用CSS的四种方式： #RRGGBB 十六进制表示法 #RGB 上述十六进制中特殊色彩的简写表达，两种表示法的对应关系为复制R，G，B位上的数值，如#0bf是#00bbff的简写表达方式 rgb(R,G,B) 函数式的表达方式，各色彩取值为0~255 rgba(R ...

canvas javascript html5 games webapp

1顶0踩

blessdyb 评论(0) 有2305人浏览 2012-02-11 20:58

[Web前端] SenchTouch 使用scriptTagProxy 代理读取json数据

SenchaTouch 是一个应用于移动平台的HTML5框架，它提供了在手机移动平台上快速开发基于web的应用程序，现在介绍一下新手普遍头疼的数据访问问题。 SenchaTouch的数据访问很方便，只要声明好了数据存储类，然后配置数据地址，senchatouch的代理工具会将下载下来的json数据自动填充到本地数据存储里面。这里我们讲一下以jsonp的方式请求远程数 ...

jsonp senchatouch html html5

0顶1踩

TremendousTurtle 评论(0) 有1028人浏览 2012-02-11 15:39

[Web前端] 浏览器前端与服务器持续通信技术回顾

最近想做一个基于web的在线聊天室的程序，刚好某童靴发了一个在线客服程序，于是引起了一番关于服务器与浏览器通信技术的争论。而且我发现自己可耻的OUT了。关于服务器与浏览器端通信，下面是我的原话，而且我也一直这么认为：因为http是无状态协议，不支持推送，地球人都知道。替代方案就是浏览器不停的发请求 (AJAX)获得返回值，但这样服务器表示鸭梨很大。然后有人提出了服务器推送技术， ...

ajax flash android html5 javascript

0顶0踩

040814119 评论(0) 有1793人浏览 2012-02-09 11:32

[Web前端] Canvas做游戏实践分享(一)

近期看了几本老外的书，学习了一些大神们的博客，接触了一下火的不得了的canvas做游戏，把自己的学习过程分享出来。 1.游戏的基本内容 1.1什么是� ...

javascript html5 canvas games web

2顶0踩

blessdyb 评论(3) 有7978人浏览 2012-02-08 21:23

[Web前端] Canvas做游戏实践分享(二)

2.游戏中的数学知识在游戏的开发中，数学知识特别是其中的三角函数使用特别广泛 2.1 角度在使用canvas来制作动画的过程中，我们使用到的角度都是以弧度为单位的,角度与弧度之间的换算单位如下： radians=degrees*Math.PI/180 同时，在canvas中的坐标系是以右上角为原点(0,0),向左为x轴增加方向，向下为y轴增加方向。因此，需 ...

JavaScript canvas html5 games web

1顶0踩

blessdyb 评论(0) 有5021人浏览 2012-02-08 23:21

[Web前端] Adobe CQ5 CMS 安装学习培训实战步步高【不断更新】

CQ5 Web Content Management (WCM) is a platform for delivering engaging, multi-channel customer experiences to drive online business success. 首先最全的CQ5的官方documents http://dev.day.com/content/docs/e ...

adobe cq5 html5 css3 flash

1顶1踩

guangqiang 评论(0) 有2346人浏览 2012-02-08 11:10

[Web前端] 六步加入HTML5工作组

最近国内互联网巨头纷纷加入W3C，如百度、腾讯、360等。还有HTML5研究小组虽然是民间组织，但其实也代表了其企业成员如创新工场等。回想2003年W3C首次 ...

html5 w3c 百度腾讯 360

0顶0踩

hax 评论(5) 有5693人浏览 2012-02-06 20:23

今天上网找 HTML5 的教程时，发现了一个英文基础教程： http://www.html-5-tutorial.com 讲的还是相当的不错的，结合了 SEO，讲的很生动。不过这个教程看来确实是“基础教程”（对于有一定 HTML 基础的人来说，这个教程还是有些简单）。我想说的是，吸引我的并不是它所讲的 HTML5 知识，而是作者讲解的方式及所用的词汇。我想大家对于英文的技术网站肯定是看多了 ...

html5

0顶0踩

yhz61010 评论(0) 有1455人浏览 2012-02-01 16:59

[移动开发] Phone Gap开发二：开发一个Phone Gap插件

快过年回家了，为了不阉割phonegap开发的介绍，在今天完成phonegap的最后一个介绍，在上一篇中提到过的如何开发phonegap的插件。目前PhoneGap虽然提供了很多的API，但是我们也很容易发现，他有很多地方不能满足我们的需求，比如发短信。我也将介绍如何开发一个针对PhoneGap发短信的Plugin。（Android 版本）。 1、创建一个Android工程，创建之后的 ...

phonegap html5 android

0顶0踩

gteam.yu 评论(0) 有3132人浏览 2012-01-19 14:15

[Web前端] 介绍HTML 5的datalist

在HTML5中,目前有的浏览器是支持datalist的,其实就是一个下拉式的自动提示框,举例如下: <input type="text" id="favGtrPlayer" list="GtrPlayers"> <datalist id="GtrPlayers"> <select& ...

datalist html5

2顶0踩

jackyrong 评论(0) 有1861人浏览 2012-01-17 15:45