window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext; try { var context = new window.AudioContext();; var source = null; var audioBuffer = null; function stopSound() { if (source) {

解决ios下audio不能正常播放的问题 ios系统下会自动屏蔽audio标签的自动播放,需要使用一个事件来驱动音频播放 this.$refs.startaudio.addEventListener('touchstart', function () { _this.$refs.audioWork.load() _this.$refs.audioRest.load() }, false) 然后在其他事件中就可以使用 this.$refs.audioRest.play()

前几天做了一个H5活动页面,产品要求初始化播放音乐,因晓得H5 Audio标签支持Autoplay就没在意. 完了在手机上测试,发现手机上打开页面死活就是不会自动播放,点击播放按钮才可以播放,很是纠结. 然后网上查了下发现iOS上禁止了Audio的Autoplay属性,原因如下: User Control of Downloads Over Cellular Networks In Safari on iOS (for all devices, including iPad), where th

<table> </table> <style> table {overflow-y:scroll;max-height:152px; height:auto;} <style> 问题:ie下,火狐下能正常出现滚动条 谷歌不能出现滚动条 解决: 第1种: 头部<!DOCTYPE dtd的问题 第2种: table {max-Height:120px;min-Height:40px;height:expression(this.scrollHeight

.oLi-lists-scroll::-webkit-scrollbar { width:5px;  padding:1px; background:url(../images/repeat-bar.png) repeat-y;} /* Track */ .oLi-lists-scroll::-webkit-scrollbar-track {height:4px;} /* Handle */ .oLi-lists-scroll::-webkit-scrollbar-thumb { backgro

今天用pop的弹出窗体里,出现一个问题,当网页出现滚动栏里,不能遮挡住,解决Pop遮罩层无法遮挡滚动栏下问题. 可通过下载获取改动后的代码----->进入下载

在文件上传控件(input type='file')中,可以通过accept属性实现对文件类型的过滤. 一.相关代码: 下面给出对应的文件上传控件代码: <input type="file" id="myFile" accept="image/jpeg,image/gif,application/msword"/><br/> 上面的代码表示限制文件上传类型为.jpg/.gif/.doc. 二.限制规则: 在文件上传控件的a

在做一个项目时候遇到EXT这么一个问题,现分享出解决问题的代码 Ext.override(Ext.menu.DateMenu, { render: function () { Ext.menu.DateMenu.superclass.render.call(this); if (Ext.isGecko || Ext.isSafari || Ext.isChrome) { this.picker.el.dom.childNodes[0].style.width = '150px'; this.pi

input:focus{outline: -webkit-focus-ring-color auto 0;}

#selector { height: auto !important; width: 1024px!important; margin: auto; overflow:visible !important; background-color: #fff; } 出问题就是上述代码,起初并没有设置 height ,而是所使用平台 sharepoint 使用 js 动态获取高度,但是平台是让 #selector 自动出现滚动条的,而公司之前的前端为了隐藏滚动条,则使用了 overflow:visib

在寻找插件开发资料的过程中找到了一个开发浏览器插件的开源项目——firebreath firebreath的安装以及测试我就不再叙述了,可以参考大神的文章 . http://www.blogjava.net/xiaomage234/archive/2012/08/28/386428.html 下面我主要介绍一下调试和打包. 火狐下的调试: 这也是楼主主推荐的调试方法.firebreath配合火狐的调试简直可以说是浑然天成.如果让火狐可以调试firebreath的代码的话,需要对火狐浏览器进行如下

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram

iOS下audio必须监测到事件才可播放, ajax回调函数里不能播放 解决办法 在点击方法里先播放然后立即暂停,在回调函数里重新播放 onclick(function(){ $("#_wxAudioWin")[0].play();$("#_wxAudioWin")[0].pause(); ajax(function(){ $("#_wxAudioWin")[0].play();//这个时候就可以在回调函数里播放了 }) })

使用Web Audio API可以对音频进行分析和操作,最终实现一个音频可视化程序. 最终效果请戳这里; 完整版代码请戳这里,如果还看得过眼,请给一个start⭐ 一.API AudioContext: 该接口表示由音频模块链接而成的一个音频上处理下文,类似于canvas里面getContext(2d)返回的对象,对音频的一切 操作都在这个环境里进行:它包含各个AudioNode对象以及他们相关联的对象,创建方法如下: ​ var ac = new window.AudioContect();

先来看下 ie.火狐.谷歌浏览器下各个字体显示情况 ie下: 火狐下: 谷歌下: 从上面的图可以很明显看出谷歌下 css设置字体大小为12px及以下时,显示都是一样大小,都是默认12px; 那么网上一直有一个方法就是给当前样式添加谷歌私有属性:-webkit-text-size-adjust:none; 可是我进行验证后发现,在谷歌现在的新版本里已经无效.那么我们应该如何设置谷歌下的字体呢? 我们可以使用到 css3里的一个属性:transform:scale() 属性介绍可以戳这里:http:

接着上回说道,我把双系统做好啦,开心.... 之后我就在想几个问题: 1.在Ubuntu装好后,重启电脑却还是win7,等我用EasyBCD之后,才可选择使用装好的Ubuntu呢? 2.在用EasyBCD时,为什么device要选择boot挂载点呢? 3.在分区的时候,我只看到了/dev/sda1. /dev/sda5. /dev/sda6…,那sda2,sda3,sda4都哪去了? 4.分区又是怎么回事,怎么才能何理的进行分区呢? 几个概念: 硬盘的扇区:硬盘上面的一种单位,大小为512Byt

IE10下的Input Text和谷歌下面的 input search 一旦输入内容,会在最右端出现一个叉号,点击后,内容就会自动清空,看似方便,其实有些场景并不需要,需要写代码清除掉. 代码如下: input::-webkit-search-cancel-button{display: none;}  --清除谷歌浏览器下的 search 叉号input[type=search]::-ms-clear{display: none;}  --清除IE下的 search 叉号 当然如果想清除所有的

我的环境:主机是win7的,虚拟机是VWare  Workstation 6.0   ,linux系统为Red Hat Enterprise  Linux 5 64位 各软件版本:jdk是jdk-6u35-linux-x64.bin,tomcat是apache-tomcat-6.0.35.tar.gz,数据库为mysql是mysql-5.5.27-linux2.6-x86_64.tar.gz,eclipse是eclipse-jee-juno-linux-gtk-x86_64.tar.gz(各个软

/** * 获取上一个月 * * @date 格式为yyyy-mm-dd的日期,如:2014-01-25 */ function getPreMonth(date) { var arr = date.split('-'); var year = arr[0]; //获取当前日期的年份 var month = arr[1]; //获取当前日期的月份 var day = arr[2]; //获取当前日期的日 var days = new Date(year, month, 0); days = da

js:encodeURI(); php:urlencode(); 举例: 本来打算这样使用 <a href="list.php?plate=辖区动态" charset="utf-8" target="main">[查看辖区动态]</a> 后台: <?php echo $plate=$_GET['plate'];//ie9下输出结果为乱码,火狐和谷歌下正常. ?>   使用:urlencode <a hre

html audio 在iPhone,ipd,safari浏览器不能播放是有原因滴 (在safri on ios里面明确指出等待用户的交互动作后才能播放media,也就是说如果你没有得到用户的action就播放的话就会被safri拦截) 找了很多资料都没有解决,不过最终在国外网站通过翻译解决问题,希望能帮到没有解决此问题的童鞋 附带源码如下:黑色部分表示重点突出 var g_audio = window.g_audio = new Audio(); //创建一个audio播放器 var g_ev