当某个事件发生时,我希望我的网站向用户播放简短的通知声音.
声音应该不自动启动(瞬间)当网站被打开.相反,它应该通过JavaScript按需播放(当某个事件发生时).
重要的是,这也适用于旧浏览器(IE6等).
所以,基本上有两个问题:
<embed>vs. <object>vs. vs. vs. <audio>)我开始使用Web Audio API,只是想知道是否可以使用jQuery的$ .ajax或$ .load函数来生成接收音频数据的XMLHttpRequest.$ .ajax或$ .load是否支持responseType = arrayBuffer？
编辑:
好的,所以这就是我到目前为止所拥有的:
function loadAudio() {
$.ajax({
url: sourceUrl
}).done(function(response){
return response;
})
}
但我需要返回一个ArrayBuffer.那么如何将响应转换为ArrayBuffer？
我想将音频文件(ogg和/或mp3)的波形渲染到canvas元素.
我想知道是否有任何库会使这个变得简单？我正在寻找这样的结果:http://plucked.de/
我最近一直在阅读C和C++,并且无法摆脱C/C++程序员在变量和函数名称中过度使用缩写方式的感觉.我不明白为什么这会有益,因为两者都是编译语言.实际上,我遇到的所有代码都比其他语言更多地使用缩写(当然,我的个人经验).
那么问题就变成了这个; 你有没有想在C/C++中使用缩写的原因？使用较长的变量名称是否存在性能问题,还是只是一种惯例？
编辑:看起来我在这里打开了一罐蠕虫.我希望得到一个是/否答案,而不是关于编码风格的讨论.
我想创建一个JS库来检测歌曲BPM.
我读过这篇 文章并理解了算法.
获得10秒声能数据是否正确？我是新手.如果您不理解代码的某些部分,请询问
var audioFileInput = document.querySelector('#audio-file-input');
var audioCtx = new AudioContext();
// call countBpm function on "change" event in audioFileInput
audioFileInput.onchange = function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function() {
countBpm(reader.result)
};
reader.readAsArrayBuffer(file);
};
function countBpm(buffer) {
audioCtx.decodeAudioData(buffer, function(decodedData) {
var dataFromLeftChannel = getSoundDataFromMiddle(decodedData, 'left');
var dataFromRightChannel = getSoundDataFromMiddle(decodedData, 'right');
console.dir(dataFromLeftChannel);
console.dir(dataFromRightChannel);
// code to detect bpm will be here
})
};
// get 10 seconds sound energy data from …这是一个很长的镜头.
场景是这样的:我创建了音频标签(使用Audio(src)构造函数)并在Chrome中重复播放声音.声音很短,不超过4秒.其中一些声音,但不是全部声音,在声音中大约400毫秒(仅仅基于我的耳朵)发出噼啪声,而不是每次受到影响的声音都发挥.换一种说法; 一些声音有时会发出噼啪声,但并非总是如此.
所以,弄清楚为什么这是我在声音文件中插入300毫秒的静音.我仍然在同一个位置(现在声音是700毫秒)发出噼啪声.随着搜索的继续,我在300毫秒的沉默中插入一个非常独立的嗡嗡声来检查是否会改变任何东西.它没有.因此,我的结论是,可能是由于音频处于一定的振幅(因为裂纹与实际声音保持在相同的位置).
为了测试这个,我创建了一个从绝对静音到全音量的正弦波,但我似乎无法让它破解.值得注意的是A.它在IE9中完美运行,在任何文件中都没有噼啪声,所以它不是坏文件的情况B.不是所有文件似乎都受此影响(我认为它是一个)bug.
所以问题是:有没有人有任何理论为什么会这样？有什么明显我想念的吗？
我希望我可以分享一些代码,但它都是专有的,我现在不允许这样做.
编辑:实际上,我不确定裂缝是否与实际声音保持相同的位置.我仍然会发出噼啪声,但可能会在一个稍微不同的地方.对不起的帖子很抱歉,过去5个小时我听过同样的声音:/.然而,裂缝仍然存在,这仍然是一个问题.
我正在研究一个资源匮乏的Web应用程序,该应用程序严重依赖Raphael.js大约50%的动画使用,其余的我已经推出了自己的动画方法,它使用webkitRequestAnimationFrame和Web Audio API的context.currentTime将动画与音频组件同步.
我目前正在经历相当糟糕的表现,并且通过Raphael的来源我看到它也使用了requestAnimationFrame.当我的动画和Raphael's同时运行时,我遇到的大部分延迟似乎都会发生.这是因为requestAnimationFrame基本上每个绘制周期被调用两次吗？
基本上我要问的是基本上我是否必须重新推出我自己的raphael对象动画实现并将其粘贴到我现有的requestAnimationFrame中？
我试图通过将正方形旋转 45° 然后在（垂直）Y 轴上按比例缩小来创建等距网格。然而，我正在使用的 Pixi.js 似乎在旋转后沿着局部坐标系缩放，导致方形看起来倾斜而不是压扁。
有没有办法在 Pixi.js 中依次应用变换（首先旋转，然后缩放 Y），或者另一种方法可以让我在旋转后沿垂直 Y 缩放？
我目前正在使用 Graphics 对象的 .rotation 和 .scale 属性来进行转换。