标签归档:html5

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

html5如何在IOS下自动播放音乐 在iphone所有平台包含最新的iphone6 plus,都有效 另外有B格的魅族里也同样有效。 但是基于微信里打开。 <audio preload="preload" controls id="car_audio" src="http://s882ddd.com/pinpai2/images/222.mp3" loop></audio> <script> setTimeout(function(){ $(window).scrollTop(1); },0); document.getElementById(‘car_audio’).play(); document.addEventListener("WeixinJSBridgeReady", function () { WeixinJSBridge.invoke(‘getNetworkType’, {}, function (e) { document.getElementById(‘car_audio’).play(); }); }, false); </script>

发表在 WEB前端 | 标签为 , , , | 2 条评论

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

<div style="border:1px solid red;"><img style="border:0px;width:100%; " src="images/index_1.jpg" /></div> 简单的一个div里面放一个图片, 结果发现底边有一点点空白常规的定宽网页开发,可以采用div的高度来进行overflow,但是手机网页开发,需要100%的宽度,不能定高。 解决方法:图片上加display:block <div style="border:1px solid red;"><img style="border:0px;width:100%; display:block;" src="images/index_1.jpg" /></div>

发表在 WEB前端 | 标签为 , , | 一条评论

HTML5 多图上传

一次选择多张照片,你是不是要这样的效果 刚刚研究完FLASH的多图上传,不过html5这么时髦的东西,也得研究下。 研究了半天发现html5其实特别简单。 多图控件<input id="fileImage" type="file" size="30" name="files[]" multiple /> multiple 这个input的特性是html5新有的,所以IE6这么低级的货是无法兼容的。 这个属性相当于以前的这样的多图情况 <input id="fileImage" type="file" size="30" name="files[]" > <input id="fileImage" type="file" size="30" name="files[]" > <input id="fileImage" type="file" size="30" name="files[]" > 不过道理很简单一个是一次只能选择一个图片 HTML5的这个可以选择多个图片,拉风啊。 后台代码不变。 function getimgmany($rr,$upload_image_dir) { $fs = $_FILES[$rr]; … 继续阅读

发表在 PHP | 标签为 , , | 留下评论

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

Firefox的办法 1。首先打开火狐浏览器的工具下面的附加组件下载一个User Agent Switcher组件安装(如果已有就不用下载了) 2。重新启动浏览器 3。打开工具可以发现下面已经安装了User Agent Switcher 选择下面的子菜单中的iphone3,即可用火狐浏览器模拟手机浏览器 在里面调试自己的代码 月小升发现Firefox这个办法还可以调试IE6 7 8 9 。 真是不错的小插件。 Chrome的办法  谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:   谷歌Android: chrome.exe –user-agent=”Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1″   苹果iPhone 4: chrome.exe –user-agent=”Mozilla/5.0 … 继续阅读

发表在 WEB前端 | 标签为 , , , , , , | 3 条评论

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

1.最常用WEB页面JS实现一键拨号的电话拨打功能: <a href="tel:13922897782">移动WEB页面JS一键拨打号码咨询功能</a> 在拨号界面,显示号码,并提示拨打。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 经过测试Iphone上的safari可以拨打电话 2.最常用WEB页面JS实现一键发送短信功能: <a href="sms:13764567708">移动WEB页面JS一键发送短信咨询功能</a> 在信息录入界面,显示发送号码,并提示录入信息。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 经过月小升测试,好用。 3、移动web页面自动探测电话号码 <meta name="format-detection" content="telephone=no">   <meta http-equiv="x-rim-auto-match" content="none"> 4.使用wtai协议进行拨打电话。 代码如下所示: 实例: <a href="wtai://wp//mc;13764567708">拨打10086 </a> <a href="wtai://wp/ap;13764567708;">将10086存储至电话簿 </a> 有人说好用,月小升测试不好用哦。 5、不太灵验的方式: <a href="dc:13764567708">移动WEB页面JS一键拨打号码咨询功能</a> 经过测试,大部分浏览器都不支持了。

发表在 WEB前端 | 标签为 , , , , | 4 条评论

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://www.dieselblackgold.com/ 特点:导航效果,切换效果 http://www.birrificioirpino.it/ 特点:滚轮,视觉差滚动 http://www.itosieceni.pl/ 特点:滚轮,视觉差滚动 http://abduzeedo.com/ 特点:滚轮,视觉差滚动 http://www.chaos.co.ke/ 特点:滚轮,视觉差滚动 http://panasonic.jp/lamdash/dna/ 特点:滚轮,视觉差滚动 http://dangelicoguitars.com/ 特点:滚轮,视觉差滚动 http://www.vacheron-constantin.com/en/metiers-d-art-florilege 特点:滚轮,视觉差滚动

发表在 WEB前端, 科技精品 | 标签为 , | 4 条评论

HTML5 VS FLASH,真的就取代FLASH了么?

人们总对新技术很敢兴趣。炫啊。月小升反而喜欢老技术。你看看c语言多少年了。天天学习新技术一个也不精。当然也有的新技术的确很好。不过月小升认为老技术能解决问题就好。 插播个故事。我刚毕业那年04年,我的师傅整asp.net。年龄32,我问他你怎么不用C 他说会用,但是他弄的那一阵微软发明的asp火热啊。工资也高,搞c的3000每月,搞asp的8000。 我说现在呢。他说现在他搞asp.net给6000,他那些当年搞c的朋友2万每月。新技术是好,还得经得起考验。人生就是如此无常。 最近的HTML5取代FLASH。其实感觉就是两个技术各自发展。FLASH搞了这么多年,也不能说没就没了啊。 近日,一项评测http://www.craftymind.com/guimark3/向人们证明了:HTML5 在性能上仍远远落后于Flashplayer。测试使用了Droid X, Nexus One, Desire HD, Atrix, PlayBook, Galaxy Tab, Xoom 等设备,分别测试了位图,矢量图,数值运算,视频播放等项目。 位图: 所有设备上Flash的位图性能都优于HTML5,平均而言Flash的速度是HTML5的2倍 矢量图: 所有设备上Flash的矢量图图性能都明显优于HTML5,Flash的速度是HTML5的3到4倍 数值运算: AS3的确是一种很慢的语言,但那只是相对于Java和C#这些静态语言而言的。不论如今的js得到了多大的优化,都还无法超越支持静态类型的AS3。AS3脚本的速度比js快4倍左右。 视频播放: 这是唯一HTML5胜出的测试内容。播放480p的视频两者都没有问题,但对于720p的Flash视频,仅有Playbook和Xoom可以流畅播放,HTML5在720p视频的播放流畅度上全面超出flash。但随着Stage Video的 普及,以及设备的固件和驱动升级,HTML5的这项优势未必能长久保持。总结:Flashplayer比HTML5快得多,除非是为了支持iOS,否则尽 量不要用HTML5开发web游戏和多媒体应用。浏览器开发商似乎也并不关心Canvas2D的性能,他们只关心CSS和SunSpider评分。” HTML5 优势未必能保持,兼容性不好IE8以下全部不支持 http://chanye.07073.com/guowai/496694_2.html 1.Flash:YouTube上的FLV影片得通过一个SWF(Shockwave Flash)播放器播放,而这个播放器会呼叫Flash Player Plug-In来播放影片。 2.HTML5:YouTube上的M4V影片直接利用标签即可播放,而播放器是以JavaScript写成,一切都以浏览器内建功能完成. 稳定性 Flash Player最大的问题就是容易宕,各位读者们在玩游戏、看影片时遇过Flash … 继续阅读

发表在 程序视点 | 标签为 , | 一条评论