草庐IT

javascript - 如何检测透明 Canvas 上的形状?

我正在寻找一种检测透明PNG中形状的方法。例如,我将创建一个940x680的透明Canvas,然后在该Canvas的某处放置一个完全不透明的对象。我希望能够检测到该对象的大小(w,h)和顶部+左侧位置。这是原始图像的示例:这是我想要实现的示例(边界框叠加,顶部+左边距数据):我找到了一种可以进行透明度检测的资源,但我不确定如何将类似的东西扩展到我正在寻找的东西。varimgData,width=200,height=200;$('#mask').bind('mousemove',function(ev){if(!imgData){initCanvas();}varimgPos=$(th

javascript - 使用网络音频 api 和 wavesurfer.js 剪切和粘贴音频

我目前正在尝试制作一个网络编辑器,允许用户轻松调整其音频文件的基本设置,作为一个插件,我集成了wavesurfer.js,因为它具有非常简洁的跨浏览器波形解决方案。在为功能的必备列表编制索引后,我决定剪切和粘贴对于使该产品正常工作至关重要,但是在花费数小时试图弄清楚如何在现有库中实现它甚至开始从头开始重建wavesurfer.js功能以理解我尚未成功的逻辑。我的问题是,是否有人可以给我一些关于如何开始构建剪切和粘贴功能的指示,或者甚至是一个示例,我将不胜感激。提前致谢!wavesurfer插件:http://wavesurfer-js.org采摘网页编辑器http://plucked.

javascript - 使用网络音频 api 和 wavesurfer.js 剪切和粘贴音频

我目前正在尝试制作一个网络编辑器,允许用户轻松调整其音频文件的基本设置,作为一个插件,我集成了wavesurfer.js,因为它具有非常简洁的跨浏览器波形解决方案。在为功能的必备列表编制索引后,我决定剪切和粘贴对于使该产品正常工作至关重要,但是在花费数小时试图弄清楚如何在现有库中实现它甚至开始从头开始重建wavesurfer.js功能以理解我尚未成功的逻辑。我的问题是,是否有人可以给我一些关于如何开始构建剪切和粘贴功能的指示,或者甚至是一个示例,我将不胜感激。提前致谢!wavesurfer插件:http://wavesurfer-js.org采摘网页编辑器http://plucked.

javascript - 在javascript中对PCM音频缓冲区进行下采样

我正在尝试对从audioContext获得的采样率进行下采样。我相信它会在44100进入,我希望它是11025。我想我可以平均每3个样本并且它以正确的速率播放,但是音调太高了,好像我们都在氦气上.将float32Array从44100下采样到11025个样本的int16Array的正确方法是什么。varcontext=newFlash.audioContext();varaudioInput=context.createMediaStreamSource(stream);varrecorder=context.createScriptProcessor(null,1,1);record

javascript - 在javascript中对PCM音频缓冲区进行下采样

我正在尝试对从audioContext获得的采样率进行下采样。我相信它会在44100进入,我希望它是11025。我想我可以平均每3个样本并且它以正确的速率播放,但是音调太高了,好像我们都在氦气上.将float32Array从44100下采样到11025个样本的int16Array的正确方法是什么。varcontext=newFlash.audioContext();varaudioInput=context.createMediaStreamSource(stream);varrecorder=context.createScriptProcessor(null,1,1);record

html5 Canvas 未显示完整图像

我的图片大小是940*300,但html5canvas在chrome中只显示了部分图片。你能帮忙解决这个问题吗?下面是代码Dragmefunctiondraw(){varctx=document.getElementById('paint_area').getContext('2d');//ctx.fillStyle='#cc3300';varimg_buffer=document.createElement('img');img_buffer.src='http://www.jobcons.in/homebanner.jpg';varimgWidth=img_buffer.width

html5 Canvas 未显示完整图像

我的图片大小是940*300,但html5canvas在chrome中只显示了部分图片。你能帮忙解决这个问题吗?下面是代码Dragmefunctiondraw(){varctx=document.getElementById('paint_area').getContext('2d');//ctx.fillStyle='#cc3300';varimg_buffer=document.createElement('img');img_buffer.src='http://www.jobcons.in/homebanner.jpg';varimgWidth=img_buffer.width

javascript - 从缓冲区播放声音

我正在尝试构建一个实时语音通话应用程序。我的目标是使用原生JS麦克风api并通过websocket将数据发送到其他客户端。我想出了以下代码://GlobalsvaraCtx;varanalyser;varmicrophone;navigator.getUserMedia_=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia);if(navigator.getUserMedia_){navigator.getUserMedia_

javascript - 从缓冲区播放声音

我正在尝试构建一个实时语音通话应用程序。我的目标是使用原生JS麦克风api并通过websocket将数据发送到其他客户端。我想出了以下代码://GlobalsvaraCtx;varanalyser;varmicrophone;navigator.getUserMedia_=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia);if(navigator.getUserMedia_){navigator.getUserMedia_

javascript - HTML5 视频 - 文件加载完成事件?

我需要检测视频文件何时完成加载。我在想我应该使用progress->buffer,但在我的脑海深处,我记得读过它是不可靠的。有没有更好的方法,或者这样安全吗?请注意,我将保留每个用户已完全下载的视频的localStorage缓存,因此我会提前知道视频是否已加载,并且如果这是症结所在,我可能会绕过progress->buffer.提前致谢。 最佳答案 您可以绑定(bind)“缓冲”事件,但是(至少在Chrome中)这工作正常,除了它不会调用最后一个“缓冲”事件(即它将检测到90%...94%...98%...但不会调用100%)。注意