Daniel_SYR-CSDN博客

原创 HTML5 Web Audio Api 声音登陆

之前最早时候给过一个识别hz的demo 今天讲那个demo结合上一篇说的振荡器，做了个声音登录的小demo 原理就是2w＋hz人听不见。（其实1w9左右就很轻微了）直接上代码识别器（限电脑）动态加载 .center { margin-righ

2016-09-22 18:59:05 609

原创 HTML5 Web Audio Api－2 发声oscillator

（Web Audio Api基础信息整理中，到时候补上） oscillator的意思是振荡器，众所周知，声音就是物体振动产生的声波。在Web Audio Api中，官方给我们提供了一个振荡器需要用createOscillator去初始。当然光有一个振荡器也是不行的，我们需要一个介质将声音传送出去，在Web Audio Api中，我们有个觉destination的变量，他就是我们的“播放

2016-09-21 15:21:18 496

原创 HTML5 Web Audio Api 先给个识别频率的demo

四月时帮朋友做毕设，用到过这个api。当时感觉很炫酷。可惜这个api的限制比较多。比如getUserMedia这个接口，在iOS中是完全不支持的（别问我为什么我也是试验出来的）在安卓中也是有许多坑。anyway 一句话总结：这个api除了能处理声音，在移动端用处很小。今天有点累，就不写点啥了直接把我当初写的一个demo放上来。当然这个demo中的傅立叶快速变换不是我自己写的 autoC

2016-09-20 21:00:15 927

原创 HTML5 Web Audio Api (额外)https配置

在我们使用web audio api时，不免需要调用getUserMedia这个接口。然而这个接口是需要https://协议下的网站才能访问的所以我们需要给我们的网站配置https从而来使用这个接口。注：地理位置（Geolocation API）接口getCurrentPosition和watchPosition也是需要https的其实这种教程很多所以我就不细说直接上链接：

2016-09-23 00:50:34 909

原创 HTML5 Web Audio Api－3 可视化声音

原本准备自己写个，结果发现网上已经有个现成的了而且效果相当赞强力推荐教程点击打开链接点击打开链接不仅利用了audio api，还很好的利用了canvas这个标签

2016-09-21 20:28:22 419

原创数论－1 gcd之辗转相除法

学校里我最喜欢的课就是数论课，虽然是个数学专业的学生，很可惜我也就只上过三门这方面的课（哲学逻辑，离散数学和数论）以前学习数学只是单纯的觉得好玩，只当实习以后才发现数学的重要性（其实在碰到fft之前我都没意识到，希望回学校以后好好学习数学分析）。最近准备整理下数论一些基础知识，也算给我自己复习一下。今天主题：GCD GCD 就是最大公约数。这是数论入门的第一个概念。求GCD的方法

2016-09-21 16:08:04 610

原创 HTML5 canvas标签－5 浮雕算法

浮雕算法，顾名思义，就是将图像变成类似石头雕塑的算法（来源于百度）这就是一个浮雕我们看看它的特点首先颜色整体偏灰（上一篇博客中说过，在RGB中，R＝G＝B时便是灰色）其次就是层次分明。所以根据上述这两点，我们代码首先需要找出图片边界，其次把图片整体变灰。其实找出边界很简单。就是比较相邻两点的RGB值。如果他们差异很大便说明这边有颜色剧烈的变化。所以最简洁的办法就是

2016-09-20 16:06:34 887

原创 HTML5 canvas标签－4 灰度直方图的实现

图像分析中，灰度直方图是相当有实用价值的东西制作灰度直方图首先需要把图片灰度化详细内容见上一个章节接下来把数组里每个灰度值出现的次数统计下来最后进行绘图就可以了 function getHistogram(imgData){ //先灰度化 var data = imgData,detailArr = [],heightOfCanvas =

2016-09-16 18:20:58 478

原创 HTML5 canvas标签－3 简单灰度化的实现

在RGB模型里当R=G=B时候那么这个颜色就是一个灰度颜色范围是从0-255的有四种方式可以实现，当然每个方式实现的效果都是不一样的原图： 1 加权平均方法就是利用灰度公式根据人眼对色彩敏感程度进行处理的一种方式约等于f(i,j)=0.30R(i,j)+0.59G(i,j)+0.11B(i,j)) 代码如下 for (var i=0;i<canvas.w

2016-09-16 13:10:54 353

原创 HTML5 canvas标签－2 简单的3种滤镜

在发现canvas有这么多功能后，我首先尝试着去做一些滤镜最基本的就是胶片这个在w3school上有demo 假设原本颜色为rgb(r,g,b);只需要将它变成rgb(255-r,255-g,255-b);即可原图处理后的 for (var i=0;i<canvas.width;i++){ for (var j=0;j<canvas.heigh

2016-09-15 15:54:07 244

原创 HTML5 canvas标签－1 基本使用

终于有空使用csdn和大家分享点自己平时学习工作时候的心德啦～第一步介绍下canvas的基本使用：首先因为canvas是html5的一个标签所以保险起见可以先确认下canvas是否兼容 try { document.createElement("canvas").getContext("2d"); console.log("canvas可以使用"); }

2016-09-15 15:33:30 280

qq_29426997的博客