摘要:
本系列文章主要是介绍 Web Audio API 的相关知识,以及 web语音通信 中会遇到的一些问题,阐述可能存在错误,还请多多斧正!很多粤语剧都提供了两个声道,一个左声道为粤语,一个右声道有国语。观看者可以自由切换声道,那么切换声道的原理是什么呢?在播放器中,只需要把不同的声道切换到声轨就行了,因为有左右两个声道,所以播放器至少是包含两个声轨的。如果我们想听粤语,只需要将右声道声轨的声音设置为 0,或者临时删掉右声道声轨。本文主要是利用 GainNode 节点控制音量的属性实现两个音轨之间的相互切换,Cross-fading 的意思可以在后面的 DEMO 中用耳朵体会出来~本文地址:htt 阅读全文
阅读排行榜
ECMAScript 6 简介
2013-11-26 22:31 by Barret李靖, 2553 阅读, 收藏,
摘要:
ECMAScript 6 是JavaScript的下一个标准,正处在快速开发之中,大部分已经完成了,预计将在2014年正式发布。Mozilla将在这个标准的基础上,推出JavaScript 2.0。ECMAScript 6 的目标,是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器(code generator)。最新的浏览器已经部分支持ECMAScript 6 的语法,可以通过《ECMAScript 6 浏览器兼容表》查看浏览器支持情况。ECMAScript 6 新内容一览let, const (定义块级局部变量), 函数在块级域中解构: let {x, y} = 阅读全文
新应用上线 Snippet
2015-09-29 10:18 by Barret李靖, 2520 阅读, 收藏,
摘要:
Snippet 是一款代码片段收集工具,经过一天三夜的开发终于上线了。应用地址:snippets.barretlee.com源码地址:barretlee/snippets由于使用原生 JS 开发,效果利用 CSS3 实现,所以如果想有一个好的视觉体验,请使用 Chrome/FireFox 预览(后续... 阅读全文
也让盲人拥抱互联网
2014-12-21 16:28 by Barret李靖, 2434 阅读, 收藏,
摘要:
中国盲人人数已经超过了600万,平均每200多人中就有一位是盲人,这个规模还是相当庞大的。由于视觉障碍,盲人同这个世界的交集小了很多,但互联网的的发展为他们打开了一扇与更多人交流的窗口。[图片取自网络 - 吴铸上网只需要键盘、音响和麦克]这个窗口的开关掌握在我们工程师手中!我们有义务也有责任为他们开... 阅读全文
Javascript综合应用小案例
2013-05-04 02:38 by Barret李靖, 2423 阅读, 收藏,
摘要:
按需求弄了一个 取词 以及 标红 的小应用。先上demo :http://qianduannotes.sinaapp.com/getKeyword/很多平时常用的东西,都用上了,所以拿出来说说。一、代码var GetKeywords = { str: "", limit: 11, keywords:[], init : function(){ var box = this._("article"), _this = this; //获取已经存在的关键词 this.getAllKeyWord(); //让rmKeyWord函数全局化 window.rmke 阅读全文
[入园两周年,撒花~] 感想以及一些文章索引
2014-03-17 15:02 by Barret李靖, 2290 阅读, 收藏,
摘要:
接触前端快三年了,记得是在大二的时候开始进博客园写博,三年的成长有两年得益于与各位前辈的交流和讨论。首先感谢博客园给我们提供了很好的交流平台,也祝博客园的建设越来越好!同时也感谢技术上擦过火花的小伙伴们,希望以后的日子里可以更多更深入的交流!一点学习经验以 Barret 这个名字混迹于不少 QQ 群中,时间比较久了,跟一些人也建立了比较好的友谊关系。在群里,不管是提问还是回答别人提出的问题,总能在未知领域找到属于自己的东西。现在还会经常在群里碰到学习前端的新人,他们有时提问抓不到关键词或者不知道如何形容自己的问题,这也让我看到了当初的自己,希望有经验的学习者可以包容这些人,耐心的回答他们提出的 阅读全文
打开窗口,关闭窗口
2013-04-10 16:06 by Barret李靖, 2211 阅读, 收藏,
摘要:
关键词:window.open() window.close() showModalDialog() 兼容性 测试等。 本文默认你对以上函数参数有基本了解。window.open window.open如果没有加第三个参数,则浏览器一般都会在新的标签页打开(除非你设置了新建窗口打开) 而有的时候,我们需要他弹出来。就想这个一样: 上述方式是:window.open(/*URL*/"",/*Name*/"",/*args*/"width=300,height=400"); 但是搜狗是不会挺你的话的,他不会新建一个你设定的窗口打开,而是在 阅读全文
javascript中有趣的反柯里化
2013-04-09 09:41 by Barret李靖, 2206 阅读, 收藏,
摘要:
相关阅读 1.JKisJK 2.月影 3.张鑫旭AlloyTeam作品反科里化的话题来自javascript之父Brendan Eich去年的一段twitter. 近几天研究了一下,觉得这个东东非常有意思,分享一下。先忘记它的名字,看下它能做什么.不要小看这个功能,试想下,我们在写一个库的时候,时常会写这样的代码,拿webQQ的Jx库举例。我们想要的,其实只是借用Array原型链上的一些函数。并没有必要去显式的构造一个新的函数来改变它们的参数并且重新运算。如果用uncurrying的方式显然更加优雅和美妙,就像这样:还能做很多有趣和方便的事情.甚至还能把call和apply方法都uncu... 阅读全文
iframe跨域通信的通用解决方案
2013-03-29 11:10 by Barret李靖, 2092 阅读, 收藏,
摘要:
一、背景在这个Web页面越来越丰富的时代,页面通过iframe嵌入其他的页面也越来越常见。但由于浏览器同源策略的限制,不同域之间属性和操作是无法直接交互的,所以在这个时候,开发者多多少少需要一些方案来突破这些限制。跨域问题涉及的地方也很多,如文档之间的消息通信、ajax请求、Cookie等,本文讨论的是iframe和父页面的消息通信。二、现状目前网上也可以找到各种解决方案(少说都有10+个,有兴趣的话可以去看看),对于现代浏览器来说,原生的postMessage API一定是不二的选择,所以各种方案的不同点均在于IE 6、7中的处理(不用兼容IE6、7的同志可以去看其他文章了)。当然这么多方案 阅读全文
javascript链式调用的实现方式
2012-09-18 08:58 by Barret李靖, 1988 阅读, 收藏,
摘要:
本文从ITeye导入在我们所用到的库中,可以看到很多诸如$(window).addEvent('load', function(){ $('test').show().setStyle('color', 'red').addEvent('click', function(e){ $(this).setStyle('color', 'yellow'); });});的链式调用,那么这样的链式结构是怎么实现的呢,下面我们利用代码来探讨一番:先分解下,我们队$函数已经很熟悉了,他通常返回一 阅读全文
浙公网安备 33010602011771号