Peaks.js —— 来自 BBC 的音频波形可视化

Peaks.js 基于浏览器的音频波形可视化工具，来自 BBC。

Peaks.js 封装了一组软件工具，可以让用户在浏览器里对音频波形图材料进行查看和交互。

Peaks.js 使用 HTML5 < canvas> 元素来显示不同缩放级别的波形数据，并同步显示相关的 < audio> 元素。该组件提供了一些简便的方法，可用于与波形图、音频片段进行交互，例如，可以从演讲中识别出音乐，或者识别不同的音乐曲目。

工作流：

样本示例：

文章转载自 开源中国社区 [http://www.oschina.net]

时间： 2024-03-16 20:13:43

Peaks.js —— 来自 BBC 的音频波形可视化的相关文章

DeepMind发布最新原始音频波形深度生成模型WaveNet，将为TTS带来无数可能

编者按:Google的DeepMind研究实验室昨天公布了其在语音合成领域的最新成果--WaveNet,一种原始音频波形深度生成模型,能够模仿人类的声音,生成的原始音频质量优于目前Google采用的两种最优文本-语音模型Parameric TTS与Concatenative TTS. WaveNets是一种卷积神经网络,能够模拟任意一种人类声音,生成的语音听起来比现存的最优文本-语音系统更为自然,将模拟生成的语音与人类声音之间的差异降低了50%以上. 我们也将证明,同一种网络能够合成其他音频信号

用Flash9 AS3跟踪音频波形

Actionscript 3.0提供的新功能,其中用到了ByteArray.SoundMixer.代码如下:function func(a:Number) {   return num * Math.sin(a); } function drawFunction(func:Function, thickness:Number, color:Number) {   graphics.lineStyle(thickness, color, 100);   graphics.moveTo(30, st

动手指南：使用Amazon Kinesis实现地理数据的实时可视化

Amazon Kinesis是个用于大规模数据实时处理的完全托管服务.不管你是建立一个从远端传感器中收集数据的系统,还是打造一个在多个不同服务器上做日志收集的应用程序,亦或是建立最新的物联网(IoT)解决方案,Amazon Kinesis都可以满足你每个小时从成千上万个不同数据源收集和处理TB级数据的需求. 对于许多这样的系统来说,数据产生的位置对用户来说非常重要.举个例子,从一个远端传感器中发射出的警报不会起到太大的作用,除非用户可以弄清楚事件发生的地点.对于用户来说,地理数据可视化上,在地图

可视化：覆盖全球的网络攻击如何展现？

数据可视化一直是一个很有趣的领域.许多普通人直观上难以感受的数据,如漏洞分布.实时流量分析等,通过数据可视化的手法,可以清晰地看出数据的结构特点和每一个部分之间的内在联系. 著名数据可视化库 D3.js 的部分应用 D3.js 可视化群关系,来自利用 d3.js 对大数据资料进行可视化分析 数据可视化除了常用的图表之类,与地理位置信息系统(GIS)的结合也是其中一个有趣的应用. 首先是数据的准备,要做全球的分布图,得有全网扫描的实力才行哦.HeartBleed 风波的当天晚上,ZoomEye 就

使用Amazon Kinesis实现地理数据的实时可视化

Amazon Kinesis是个用于大规模数据实时处理的完全托管服务.不管你是建立一个从远端传感器中收集数据的系统,还是打造一个在多个不同服务器上做日志收集的应用程序,亦或是建立最新的物联网(IoT)解决方案,Amazon Kinesis都可以满足你每个小时从成千上万个不同数据源收集和处理TB级数据的需求. 对于许多这样的系统来说,数据产生的位置对用户来说非常重要.举个例子,从一个远端传感器中发射出的警报不会起到太大的作用,除非用户可以弄清楚事件发生的地点.对于用户来说,地理数据可视化上,在地图

无刷新仿google波形扭曲彩色Asp.net验证码

网上关于Asp.net验证码的示例是在不少,前一段时间我发布的<51aspx实现的Asp.net无刷新中文验证码>受到了广大网站的转载,但是关于其中无刷新及波形扭曲的文章寥寥无几,示例也几乎难寻,于是我搜集了一些资料写了一个示例免费提供给大家,主要特点如下: 效果图:  无刷新:也就是一般网站都有的"看不清,点击更换"."更换验证码"的那种功能,一段js脚本搞定! 波形扭曲:类似google验证码,这个能更有效的防止验证码被机器人攻破,具体的扭曲程度可以

如何捕获音频及输出音频

这是我原来用过的两段代码,输出音频和捕获音频. 构造器里的socket是用来接受来自网络的音频数据.不做网络音频可以去掉它. 希望能与大家分享经验.8-) import java.io.*; import javax.sound.sampled.*; import java.net.*; /** * Title:        VoiceChat * Description:  输出音频(放音程序) * Copyright:    Copyright (c) 2001 * Company: *

js控制鼠标事件移动及移出效果显示

 鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <style type="text/css"> .style0{ background-color:#FFFF00; } .style1{ background-color:#00FFFF; } </style> </head>

盘点56个最实用的大数据可视化分析工具

俗话说的好:工欲善其事,必先利其器!一款好的工具可以让你事半功倍,尤其是在大数据时代,更需要强有力的工具通过使数据有意义的方式实现数据可视化,还有数据的可交互性:我们还需要跨学科的团队,而不是单个数据科学家.设计师或数据分析员:我们更需要重新思考我们所知道的数据可视化,图表和图形还只能在一个或两个维度上传递信息, 那么他们怎样才能与其他维度融合到一起深入挖掘大数据呢?此时就需要倚仗大数据可视化(BDV)工具,因此,笔者收集了适合各个平台各种行业的多个图表和报表工具,这些工具中不乏有适用于NET.