html5 localStorage缓存音乐和视频

利用ajax XHR对象可以创建获取音频流,将一个音频文件转换成DATAURL的模式存储到本地 注意地址要是本地服务器地址 http://localhost/javaer/h5/hfiles.html 或者线上地址 http://java-er.com/hfiles.html 否则XHR会因为跨域问题,无法访问 缓存音乐依靠浏览器得Blob对象, 当然用这个机制也可以缓存图片文件,视频文件 Your More


H5 localStorage 缓存图片

利用canvas的图片对象可以缓存图片文件为流文件 glasses girl //在本地存储中保存图片 var storageFiles = JSON.parse(localStorage.getItem("storageFiles")) || {}, glassesgirl = document.getElementById("glassesgirl"), storageFilesDate = storageFiles.date, date = new Date(), todaysDate = (date.getMonth( More


H5 本地缓存localStorage缓存机制

localStorage缓存特点: 1.用户如果不进行清理操作,那么缓存一直在 2.缓存文件默认浏览器最大5M 3.可以存文本,图片,视频流 // Check browser support if (typeof(Storage) !== "undefined") { // Store localStorage.setItem("lastname", "Gates"); // Retrieve document.getElementById("result").innerHT More


多屏自适应的优缺点

不停有客户来问,多屏自适应的优点和缺点,近期进行了一些总结 优点 1.跨平台。
在手机,pad,电脑上均有的表现。

2.表现力一致
在不同的平台上看到的东西都是基本一致的,会让感觉体验良好。 是的这一个优点,就足够我们去努力做了。 2.一套底层代码,一套底层数据。不需要维护多个界面。比如我们要改用户昵称改成用户名称,只需要在一个界面上 More


html5如何在IOS下自动播放音乐

html5如何在IOS下自动播放音乐 在iphone所有平台包含最新的iphone6 plus,都有效 另外有B格的魅族里也同样有效。 但是基于微信里打开。 setTimeout(function(){ $(window).scrollTop(1); },0); document.getElementById('car_audio').play(); document.addEventListener("WeixinJSBridgeReady", function () { WeixinJSBridge.in More


html5 开发中遇到空白底边有个空白

简单的一个div里面放一个图片, 结果发现底边有一点点空白常规的定宽网页开发,可以采用div的高度来进行overflow,但是手机网页开发,需要100%的宽度,不能定高。 解决方法:图片上加display:block


HTML5 多图上传

一次选择多张照片,你是不是要这样的效果 刚刚研究完FLASH的多图上传,不过html5这么时髦的东西,也得研究下。 研究了半天发现html5其实特别简单。 多图控件 multiple 这个input的特性是html5新有的,所以IE6这么低级的货是无法兼容的。 这个属性相当于以前的这样的多图情况 不过道理很简单一个是一次只能选择一个图片 HTML5的 More


FireFox chrome 模拟手机浏览器 调试手机网页

Firefox的办法 1。首先打开火狐浏览器的工具下面的附加组件下载一个User Agent Switcher组件安装(如果已有就不用下载了) 2。重新启动浏览器 3。打开工具可以发现下面已经安装了User Agent Switcher 选择下面的子菜单中的iphone3,即可用火狐浏览器模拟手机浏览器 在里面调试自己的代码 月小升发现Firefox这个办法还可以调试IE More


HTML5手机浏览直接给一个号码打电话,发短信

1.最常用WEB页面JS实现一键拨号的电话拨打功能: 移动WEB页面JS一键拨打号码咨询功能 在拨号界面,显示号码,并提示拨打。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 经过测试Iphone上的safari可以拨打电话 2.最常用WEB页面JS实现一键发送短信功能: 移动WEB页面JS一键发送短信咨询功能 在信息录入界面,显示发送号码,并提示录入 More


14个酷炫的HTML5网站

HTML5 网站 http://weareeli.dk/ 特点:拖拽,滚轮,切换效果 http://az-trustee-sales.com/ 特点:简洁,切换效果 http://orangesprocket.com/ 特点:简洁,导航效果 http://www.worryfreelabs.com/ 特点:简洁,切换效果 http://www.pixelcriativo.com.br/ 特点:简洁,切换效果 http://www.l2ouro.com/ 特点:简洁,结构简单 http:/ More


About Me

静水流深,水滴石穿