草庐IT

audio_element

全部标签

javascript - 使用 canvg 将 C3.js SVG 可视化到 Canvas - 折线图填充黑色矩形, "ERROR: Element ' parsererror' 尚未实现”

我正在尝试使用Canvg将SVG转换为Canvas。这是jsfiddle.我收到一条错误消息,“错误:元素‘parsererror’尚未实现”。我可以理解canvg库无法解析SVG元素。但是,这个问题有解决办法吗?我需要从svg元素创建一个Canvas元素。SaveCanvas:varchart={};chart=c3.generate({bindto:'#chart',data:{xs:{'data1':'x1','data2':'x2',},columns:[['x1','2013-01-0103:11:37','2013-01-0203:11:37','2013-02-0303:

javascript - Web Audio API,从声卡获取输出

可以吗?如果是这样,非常感谢有关该主题的任何信息。(如果不使用WebAudioAPI,是否有其他一些API可以让我实现此目的?) 最佳答案 德里克是对的。如果你有一个realtek卡(我不知道其他制造商的支持)你将它设置为立体声混音,并将立体声混音设置为默认麦克风。然后,您可以使用navigator.getUserMedia创建一个与您的麦克风链接的源节点。谷歌搜索,您会找到它。我刚刚为你做了一个fiddle:Audiofromsoundcard编辑:链接现在转到正确版本的jsfiddle(另一个有错误的条)。

javascript - 我可以获得 audio.currentTime 但无法设置它(在 Google Chrome 中)

这让我发疯。这是我用来设置当前时间的代码:$("#audio").click(function(e){e.preventDefault();mr_waveform_skip(e)});functionmr_waveform_skip(event){clientX=event.clientX;left=event.currentTarget.offsetLeft;clickoffset=clientX-left;percent=clickoffset/event.currentTarget.offsetWidthaudio_duration=audio_element.duration;

javascript - Shoutcast + Web Audio API CORS 问题

我有一个问题,我已经研究了一段时间,但没有真正的进展。我目前正在尝试将我的Shoutcast流加载到我的WebAudioAPI上下文中。我认为它会违反CORS,我是对的。我尝试通过XHR请求,然后再次通过将音频元素加载到脚本中。它与音频元素一起工作,但在尝试将其加载到脚本中时死了。似乎我唯一的选择是尝试以某种方式将CORSheader添加到我的Shoutcast正在服务的流中。我不知道该怎么做,也没有在网上找到资源。如果有人能给我一些建议,我将不胜感激!varaudioCtx=new(window.AudioContext||window.webkitAudioContext)();v

javascript - 您如何使用 Web Audio API 测量两种声音之间的差异?

我正在尝试使用分析器节点和getByteFrequencyData()来测量两种声音之间的差异。我认为通过对每个频率区间的差异求和,我可以得出一个数字来表示这两种声音的差异程度。然后我就可以改变声音并再次测量数字,看看新声音是否与以前有或多或少的不同。getByteFrequencyData()是否完全包含声音的表示,或者我是否需要包含其他数据来限定声音?这是我使用的代码:varSpectrogram=(function(){functionSpectrogram(ctx){this.analyser=ctx.createAnalyser();this.analyser.fftSize

javascript - 如何在 <audio> 标签中检测 mp3 中的音频 channel 数?

根据我的阅读,我希望以下JavaScript代码记录“一切都很好”,但它却遇到了错误情况:varaudio=document.createElement('audio');varctx=newwindow.AudioContext();varsource=ctx.createMediaElementSource(audio);audio.src='http://www.mediacollege.com/audio/tone/files/440Hz_44100Hz_16bit_30sec.mp3';//As@padenotmentioned,thisisthenumberofchanne

javascript - 如何使用element.offsetBottom?

所以当你滚动经过英雄时,我正在努力制作一个粘性导航。我之前使用element.offsetTop没有遇到任何问题。但我正试图找到一种方法来为元素的底部做这件事。element.offsetBottom好像不是东西。那么有没有一种方法可以在JS中跟踪元素的底部? 最佳答案 element.offsetTop是从元素到最近定位的element.offsetParent的距离。所以如果你想计算从element.offsetParent到元素底边的距离,如果我没理解错的话,你可以element.offsetBottom=element.of

【解决】vue搭建element-ui提示找不到文件错误

Thesedependencieswerenotfound:element-uiin./src/main.jselement-ui/lib/theme-chalk/index.cssin./src/main.js在执行cnpmiinstallelement-ui-S,并添加官方文档的使用之后,报错:解决方案:我首先跟着提示输入,但是无疑还是报错同样的问题经过我几次百度csdn上面,几乎千篇一律的cnpmiinstallelement-ui-S来解决,但是还是报错,并有去package.config.js去添加东西,但我好像找不到这个对应的文件,故放弃,后面查看这个element-ui发现:就是

javascript - jQuery offset() 被 body 位置打破 :relative combined with element margin

这不是错误,因为FF、Chrome、IE9和Win7上的Safari的行为是一致的。我正在开发的应用程序是主机页面的第3方,因此CSS是不可变的。脚本会尝试将新的div与现有元素对齐。正文是position:relative页面顶部有H1H1的边距似乎在计算主体0,0的位置发生变化-即使主体上的背景一直延伸到边缘,并且它的offsetTop属性报告为0在body上设置边框解决了这个问题-看起来很奇怪但在浏览器之间是一致的吗?(不是可行的解决方案)移除H1边距可以解决问题(不是可行的解决方案)这里的例子,JS被注释为复制每个案例:http://codepen.io/anon/pen/EG

javascript - 如何在 Web Audio API 中正确取消当前更改的 AudioParam

我正在尝试实现可以​​在任何给定时刻重新启动的音量包络,即使它已经处于参数移动的中间但我无法弄清楚如何在不点击结果音频的情况下执行此操作(关于它们发生的时间似乎有些不规则)。这可能吗?我看到AudioParam.cancelScheduledValues()“取消了对AudioParam的所有计划的future更改”,但我不确定当前正在进行的更改会发生什么。这是我用来启动/重新启动音量包络的代码。varnow=context.currentTime;varcurrentVol=gain.gain.value;gain.gain.cancelScheduledValues(now);ga