首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >预先计算的Web音频API时域和谱图可视化

预先计算的Web音频API时域和谱图可视化
EN

Stack Overflow用户
提问于 2014-06-26 08:34:53
回答 1查看 547关注 0票数 3

我是通过网络音频api合成声音使用各种振荡器/过滤器,并有时间域和谱图可视化,以实时运行的振荡器发挥(类似于这里这里)。

但是,我希望能够在音频网络运行一段时间之前创建一个初始的预先计算的可视化,这样用户就可以在播放之前查看网络的声音。这是可能的,还是有一种方法可以加快时间,以快速生成可视化?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-26 11:00:38

使用OfflineAudioContext,这将给您一个PCM缓冲区,异步地返回。计算窗口的RMS值(或者只使用时间域,取决于您想要做什么),并将其放在一个或其他地方。

OfflineAudioContext允许您以机器运行的速度运行一个图形,并且是AudioContext的替代,除了三个不能使用的节点(MediaStreamAudioDestinationNode、MediaStreamSourceNode和MediaElementAudioSourceNode),因为MediaStream是实时对象:当没有实时呈现时,它们是没有意义的。

事情是这样的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
   var off = new OfflineAudioContext(2 /* stereo */,
                                     44100 /* length in frames */,
                                     44100 /* samplerate */);
   /* do your thing: setup your graph as usual */
   off.createOscillator(...);
   ...
   ...

   /* This is called when the graph has rendered one
    * second of audio, here: 44100 frames at 44100 frames per second */

   off.oncomplete = function(e) {
     e.renderedBuffer; /* is an AudioBuffer that contains the PCM data */
   };
   /* kick off the rendering */
   off.startRendering();
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24435838

复制
相关文章
gradeview可拖动效果实现
下面先上这次实现功能的效果图:(注:这个效果图没有拖拽的时候移动动画,DEMO里面有,可以下载看看) 一、开发心里历程 刚开始接触这个的时候,不知道要如何实现,去网上翻了一大堆资料,懂了个大概,就是目
xiangzhihong
2018/01/29
2.5K0
gradeview可拖动效果实现
简单的鼠标可拖动DIV 兼容IE/FF
一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)
书童小二
2018/09/03
2.6K0
简单的鼠标可拖动DIV  兼容IE/FF
Android 可拖动悬浮窗实现
博客:https://www.jianshu.com/p/1d22edea2647
陈宇明
2020/12/16
2.1K0
jquery 列表可拖动排序 sortable
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Sortable</title> <style type="text/css"> #myList{ width: 80px; background: #EEE; padding: 5px; list-style: none; } #myList a{ text-decoration: none; color: #0077B0; } #myList a:hover{ text-decoration: underline; } #myList .qlink{ font-size: 12px; color: #666; margin-left: 10px; } </style> </head> <body> <ul id="myList"> <li><a href="#">心情</a></li> <li> <a href="#">相册</a> <a href="#" class="qlink">上传</a> </li> <li> <a href="#">日志</a> <a href="#" class="qlink">发表</a> </li> <li><a href="#">投票</a></li> <li><a href="#">分享</a></li> <li><a href="#">群组</a></li> </ul>
用户5760343
2019/10/10
2.4K0
jquery 列表可拖动排序 sortable
IOS UIResponder 触碰拖动图像
override func touchesMoved(_ touches:Set<UITouch>, with event:UIEvent?) { //需要先判断是否触屏区域是否在图像内,省略 if!isTouchInImageView{ return; } let touch = touches.first let touchPoint = touch?.location(in:self.view) let touchPrePoint = touch?.previousLocation(in:self.view) let disX = (touchPoint?.x)!- (touchPrePoint?.x)! let disY = (touchPoint?.y)!- (touchPrePoint?.y)! var centerPoint = self.imageView.center centerPoint.x += disX centerPoint.y += disY self.imageView.center = centerPoint }
用户5760343
2019/07/08
4170
iOS 悬浮可拖动可点击按钮
@implementation SearchResultViewController
星宇大前端
2019/01/15
2.5K0
angular 模态框,可拖动 draggable 指令
import { Directive, ElementRef, OnInit, Input, Renderer2, RendererStyleFlags2 } from '@angular/core'; /** * @param area 要拖动的元素 * @param handle 要拖动的元素头部句柄 * @option maskClass 外层模态框的 class * @option hidden 外层模态框 overflow 是否强制 hidden */ export interface
treeNewBe
2020/06/16
1.9K0
使用easydrag实现可拖动的DIV弹出框
最近在工作中遇到了jquery的easydrag插件,我有一种相见恨晚的赶脚!easydrag极大的方法我们实现div弹框这个功能,使我爱不释手! 在没遇到easydrag插件之前,想实现一个弹出框并不是一件轻而易举的事情! 人们常说没有不劳而获的事情,但在编码的世界中却不是这样。更多的开源框架方面了我们,也毒害了我们!
业余草
2019/01/21
2.3K0
使用easydrag实现可拖动的DIV弹出框
iOS 悬浮可拖动可点击按钮
@implementation SearchResultViewController
星宇大前端
2022/12/22
1.8K0
简易的可拖动的桌面悬浮窗效果Demo
首先,我们需要知道,悬浮窗分为两种:Activity级别的悬浮窗,系统级别的悬浮窗 Activity级别的悬浮窗跟随所属Activity的生命周期而变化,而系统级别的悬浮窗则可以脱离Activity而存在。 由此可知,要实现360手机卫士那样的悬浮窗效果,就需要使用系统级别的悬浮窗 下面学习实现桌面悬浮窗效果的代码步骤: Demo描述,悬浮窗为一个ImageView ,可以在桌面 ,任意应用,锁屏上方任意移动 1、配置清单文件AndroidManifest.xml 中 添加系统悬浮窗的权限 <use
听着music睡
2018/05/18
3.2K0
PCA不适用于时间序列分析的案例研究
在大部份情况下我们都可以使用 PCA 进行线性降维。从图像处理到非结构化数据,无时无刻不在。我们甚至可以将它用于时间序列分析,虽然有更好的技术。在这篇文章中,我想向您介绍动态模式分解 (DMD),这是一种源自我的研究领域:流体动力学的用于高维时间序列的线性降维技术。DMD 结合了两个世界中的优点:PCA 和傅立叶变换。在数学上,它与动力系统理论中的一个基本算子有关,称为 Koopman 算子。但在深入研究 DMD 的数学之前,让我们用一个相当简单的例子来说明为什么 PCA 不是高维时间序列分析的最佳选择。
deephub
2021/07/23
1.5K0
PCA不适用于时间序列分析的案例研究
TAPD甘特图全新升级,可拖动,超好用~
范围管理、资源管理和进度管理是保证项目顺利推进的重要管理内容。在项目管理实践中,你是否也遇到这些问题: - 如何对繁杂的工作事项快速排期? - 如何避免团队资源分配不均? - 如何确保工作按时按量完成? 甘特图作为项目管理的有效图表可视化工具,能够准确表示项目范围、资源和进度之间的关系。 针对敏捷研发类项目场景,TAPD全新「甘特图」为团队提供更全面的功能支持和更顺畅的操作体验,帮助团队有序运转,高效开展项目协作。具体都有哪些功能呢?一起来看看~ 项目筹备初期 确认项目范围,细化工作事项 确认项目
TAPD敏捷研发
2021/02/26
2.2K0
jQuery实现可拖动控制进度条
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>jQuery可拖动控制进度条</title> <style type="text/css"> .demo {
王小婷
2021/05/19
5K0
jQuery实现可拖动控制进度条
在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]
Flutter 允许您使用FloatingActionButton小部件添加浮动操作按钮。但是,它不允许您拖动按钮。如果你想让它可拖动怎么办。本教程有一个示例,说明您需要做什么才能创建浮动操作按钮,只要它位于父小部件内,就可以将其拖动到屏幕周围的任何位置。
徐建国
2021/12/07
5.7K0
在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]
HTML可拖动自定义弹出层
最近在进行web项目开发过程中,遇到了一个需求,就是需要弹出层可以用鼠标拖动。之前经常做的是弹出一个弹出层来提示用户信息或者是弹出一个弹出层进行登录,缺点是不能根据用户的视觉习惯定位他。下面我来介绍一个方法来解决这个问题。以下方法通过扩展jquery来进行开发。
OECOM
2020/07/02
2.6K0
微信小程序|可拖动悬浮窗的实现
不管是小程序还是软件网页等,页面上的悬浮窗总是能够引起我们的注意,而一个悬浮窗的实现,在微信小程序开发的官方文档中,可将其理解为一个可移动视图容器,那么该使用什么组件来实现这样一个功能呢?
算法与编程之美
2020/09/01
3.1K0
微信小程序|可拖动悬浮窗的实现
html5- canvas可拖动的曲线“视频教程”
重 点 bezierCurveTo()方法,即三次贝塞尔曲线方法 此方法需要三个点, 前两个点是用于三次贝塞尔计算中的控制点 第三个点是曲线的结束点。 bezierCurveTo(x1,x2, y1,
web前端教室
2018/02/06
1.1K0
gojs插件——动态可拖动流程图插件
使用时需要去官网下载对应的js文件:https://gojs.net/latest/index.html
GH
2020/03/19
4.5K0
点击加载更多

相似问题

Jquery移除不适用于可拖动的div

20

jQuery stackable不适用于动态创建的可拖动元素

114

jQuery UI可拖动不适用于动态创建的div

25

使图像可拖动

11

可拖动的Dart图像

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文