HTML5新特性之WebRTC

作者:草根程序猿     分类:HTML5     标签:     时间:2014.06.05     浏览:42     评论:0

1、概述 WebRTC是“网络实时通信”(Web Real Time Communication)的缩写,它主要用来让浏览器实时获取和交换视频、音频和数据。 WebRTC共分三个API。 MediaStream(又称getUserMedia) RTCPeerConnection RTCDataChannel getUserMedia主要用于获取视频和音频信息,后两个API用于浏览器之间的数据交换。 2、getUserMedia 2.1 简介 首先,检查浏览器是否支持getUserMedia方法。 navigator.getUserMedi [...]   阅读全文


[Mugeda HTML5技术教程之9]使用元件

作者:mugedatech     分类:HTML5     标签:     时间:2014.06.05     浏览:49     评论:0

元件是一个可以在舞台上实例化和再利用的预先生成的独立动画。一个元件有它自己的时间轴(层,单位等),可以独立显示的动画。元件提高了动画的重用性和灵活性,是个强大的存在。元件可用于创建复杂的动画效果。 所有元件都在元件库里管理。您可以创建、编辑、删除元件,或将他们归类到不同的文件夹。元件既可以直接拖拽到舞台上生成实例,更可以再脚本中,通过Mugeda API 代码动态生产实例,一个元件可以生成多个实例,并可随时动态删除,在复杂的动画中,比如小游戏,非常方便,Mugeda API的使用后面会有专门的章节介绍。 建立新的元件:在元件库栏的左下角,有新建元件的按钮,还有复制元件的按钮。点击新建元件 [...]   阅读全文


轻量级的移动 webapp 框架Jingle

作者:x3d     分类:HTML5     标签:     时间:2014.06.05     浏览:32     评论:0

一大早爬起来,发现这样的一个东东,国产,感觉实用性很强,试着用用。 1.28补记: 试着用jingle做了一个网站的移动版,感觉如果在布局上要求不高的话 - 目前支持的布局只有list,还是挺不错,做东西很快。 忽然想到这可能也是一种心法,少即是多。当我心中设想着很多复杂效果时,发现没有可用的工具;但一旦我确定就要用它时,至少可以保证先把做出一版东西来。 另,web app的性能确实影响用户体验,延时很严重。 在使用过程中,发现jingle确实还不够完善,一个他不能方便的加载自定义的页面,这对改造一些已有系统,是比较麻烦的地方;另一个,场景跳转的事件还有bug。 [...]   阅读全文


[Mugeda HTML5技术教程之10]发布内容

作者:mugedatech     分类:HTML5     标签:     时间:2014.06.05     浏览:51     评论:0

动画作品制作好后,就要拿来使用,怎么发布到想要的位置也是动画制作者比较关心的问题。这一节,我们讲述怎样将制作好的动画内容发布到想要的地方。对制作好的内容,可能的使用场景主要有以下三种:直接导出;发布到Mugeda CDN;上传到你自己的或者第三方的服务器上。 直接导出到本地,并部署在其他地方。点击工具栏上的导出按钮,或者点击菜单栏的File\导出\动画,就可以把动画包的ZIP文件下载到本地,解压缩后就是动画包的文件夹。然后你可以部署到其他地方。 导出的动画包的内容如下图, 根据制作的动画内容的不同,动画包的内容也会有所不同。根据动画有没有使用脚本,主要有两种类型。 [...]   阅读全文


[Mugeda HTML5技术教程之11]Mugeda API简介

作者:mugedatech     分类:HTML5     标签:     时间:2014.06.05     浏览:41     评论:0

一.API 概述 Mugeda API 提供了一个简单的,结构化的方法来实时动态管理Mugeda内容。它提供了一下方法: •访问Mugeda内容中的对象。 •获取和设置对象属性,如位置、旋转、比例、不透明度等。 •控制Mugeda动画的回放(例如:播放/暂停/跳转)。 •在舞台中添加/移除/编辑对象。 •处理鼠标/触控事件创造互动体验 Mugeda API 是基于系统JavaScript技术。 不需要额外的库。 二.开始 开始使用Mugeda API是很轻松的。 在Mugeda IDE中,只需点击脚本工具栏上的按钮 。 然后在 [...]   阅读全文


将HTML5 Canvas的内容保存为图片

作者:roucheng     分类:HTML5     标签:     时间:2014.06.05     浏览:37     评论:0

主要思想是借助Canvas自己的API - toDataURL()来实现,整个实现 HTML + JavaScript的代码很简单。 代码如下: 1 <html> 2 <meta http-equiv="X-UA-Compatible" content="chrome=1"> 3 <head> 4 <script> 5 window.onload = function() { 6 draw(); 7 var saveButton = docum [...]   阅读全文


从几篇文字得到关于web app开发的性能问题的答案

作者:x3d     分类:HTML5     标签:     时间:2014.06.05     浏览:37     评论:0

1.http://blogs.adobe.com/creativecloud/are-mobile-web-apps-slow/ 2.http://software.intel.com/zh-cn/articles/phonegap-html5(翻译:http://www.36kr.com/p/205301.html) 3.http://h5dev.uc.cn/article-23-1.html (不知是否原创站点) Drew Crawford 的《Web App真的很慢》一文一经发表即引来轰动讨论,无数的评论、tweet 皆围绕 web app 与 native app 性能之问相 [...]   阅读全文


[Mugeda HTML5技术教程之12]制作跨屏互动应用

作者:mugedatech     分类:HTML5     标签:     时间:2014.06.05     浏览:29     评论:0

mugeda动画平台还可以用来制作跨屏互动的动画应用,比如在PC端的大屏幕上显示动画的主界面,同时会显示出供手机扫描的二维码,手机扫描后会在手机上显示手机端动画界面。通过手机就可以和PC端的显示界面跨屏互动操作。这种动画应用在类似一些商场搞活动,或者户外宣传等常见可以使用。可以制作一对一玩的跨屏互动应用,也可以制作一对多玩(多个玩家同时玩)的跨屏互动应用。为了更好的理解跨屏互动应用的使用,本文档将通过一个简单的例子来演示跨屏动画的制作过程。 一、制作动画 1.PC端动画制作 a.在PC端,设置舞台吃尺寸为宽700、高480 b.在舞台中放在一个文字对象,并命名为info(用于显示连 [...]   阅读全文


[Mugeda HTML5技术教程之13]链接的添加方式

作者:mugedatech     分类:HTML5     标签:     时间:2014.06.05     浏览:33     评论:0

在广告主的需求中,有很多情况下需要在动画中添加一些外部链接。这份文档就在Mugeda动画中添加外部链接的方式,做一下梳理。 1.通过点击触发的链接 就是要用户点击屏幕来触发链接的情况,这是推荐使用的方式。因为存在流量的考虑,不需要任何点击就跳转的操作,在有些移动设备上是不被支持的,所以我们推荐的触发跳转链接的方式是通过点击触发。 实现的方式是: 在舞台上选中一个物体对象,在动作中选择“链接”,输入框中写入完整的链接的URL,如下图。 这样当用户点击这个物体时就会跳转到相应的页面。 2.自动跳转的链接 如果用户确实需要用到这种需求,在执行到某帧时自动跳转 [...]   阅读全文


UC手机浏览器(U3内核)相关文档整理

作者:Maple Jan     分类:HTML5     标签:     时间:2014.06.05     浏览:41     评论:0

Note:绝大多数API在IOS版下不支持,使用前请自行测试。 UC官方的开发者中心:http://www.uc.cn/business/developer.shtml U3内核定制<meta>标签说明 1. 屏幕方向(screen-orientation) 参数: landscape:强制横屏 portrait:强制竖屏 用法: 1 <!-- 强制横屏 --> 2 <meta name="screen-orientation" content="landscape"> 版本支持:8.6+ 2. 全屏控制 [...]   阅读全文


关于我

浅墨,80后程序猿,不善于前端,只会做后台。他也是地地道道的重庆崽儿,目前坐标广州。他和许多IT男一样不擅表达,也和许多摄影师一样喜欢文艺,喜欢旅行。只想记录生活写给未来的自己。

近期文章

文章归档

  1. 2015年08月 (17)
  2. 2014年06月 (6695)
  3. 2014年05月 (24)
  4. 2014年04月 (40)
  5. 2013年09月 (1)
  6. 2013年08月 (1)
  7. 2013年07月 (7)
  8. 2013年06月 (20)
  9. 2013年05月 (24)
  10. 2013年04月 (21)
  11. 2013年01月 (5)
  12. 2012年01月 (9)

标签

  1. struts2
  2. ssh
  3. wpf
  4. spring3
  5. hibernate4
  6. 数据库
  7. 串口
  8. sqlserver
  9. url重写
  10. windows应用商店应用
  11. 委托
  12. 匿名方法
  13. php
  14. 域名
  15. mysql
  16. iis
  17. Swift

随机推荐