Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >在html5音频api和javascript中用console.log()记录音频放大器

问在html5音频api和javascript中用console.log()记录音频放大器
EN

Stack Overflow用户

提问于 2013-10-26 14:19:59

回答 1查看 223关注 0票数 1

如果你检查这个jsbin，你会注意到，根据音频波长振幅的最高点，圆圈跳动和脉冲。

http://jsbin.com/ovesiv/4/edit

我试图记录这个音频幅度到控制台，但这是相当混乱的。您使用console.log(缓冲区)吗？Console.log(安培)？还是其他的东西在一起？还有，你在哪里输入这一行。

我的最终目标是拥有一个具有5种不同颜色的小部件。一种颜色代表非常低(几乎沉默)，一种颜色代表低，一种前介质，一种代表高，一种表示非常高。

所以，如果我要写一个if语句，它改变了这5个振幅的圆的颜色，我会怎么做呢？

谢谢你的帮忙!这是一个新的api，所以这些问题在google上并不容易找到。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-26 15:35:51

1.日志记录

把console.log(amp);放在circle.setAttribute(...)前面就行了。

2.颜色

创建一个查找表(processAudio外部)：

var colorLUT = [
        "rgb(255,   0,   0)", // Very low
        "rgb(255, 255,   0)", // Low
        "rgb(  0, 255,   0)", // Medium
        "rgb(  0, 255, 255)", // High
        "rgb(  0,   0, 255)"  // Very high
    ];

...and根据当前的振幅选择颜色：

var color = 
    amp < 0.2 ? colorLUT[0] :
    amp < 0.4 ? colorLUT[1] :
    amp < 0.6 ? colorLUT[2] :
    amp < 0.8 ? colorLUT[3] :
                colorLUT[4];

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19612534

复制

相关文章

音频放大器的设计

java linux node.js

从作为通信工具的手机，到作为娱乐设备的MP3播放器，已经成为差不多人人具备的便携式电子设备。所有这些便携式的电子设备的一个共同点，就是都有音频输出，也就是都需要有一个音频放大器。从中可知，音频放大器的重要性不言而喻。

全栈程序员站长

2022/08/18

6040

常用数字音频功放芯片-音频放大器

ntp 硬件开发 https java 网络安全

功放作为各类音响器材设备中的重要组成部分，作用就是把来自音源或前级放大器的弱信号放大，推动音箱放声，一套良好的音响系统功放的作用功不可没。功放的主要性能指标有输出功率，频率响应，失真度，信噪比，输出阻抗，阻尼系数等。由于考虑功率、阻抗、失真、动态以及不同的使用范围和控制调节功能，不同的功放在内部的信号处理、线路设计和生产工艺上也各不相同，由于各厂家的测量方法不一样，所以出现了一些名目不同的叫法。例如额定输出功率，最大输出功率，音乐输出功率，峰值音乐输出功率。

全栈程序员站长

2022/08/31

6180

常用数字音频功放芯片-音频放大器

Html5音频和视频播放示例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html5中的音频和视频</title> </head> <body>  <object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="500" height

用户7718188

2021/11/01

3K0

发现和记录 REST API

网站 api openapi http php

/api/mgmnt 服务包括可用于发现 REST 服务类和启用 REST 的 Web 应用程序的调用。

用户7741497

2022/08/05

7200

HTML5音频audio和视频video用法解析

html5新增加了2个媒体标签音频(audio)和视频(video),这样就更便于我们进行媒体化元素的内容开发网页!!!

十月梦想

2018/08/29

4.5K0

HTML5音频audio详解

直到现在，仍然不存在一项旨在网页上播放音频的标准。目前，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。

业余草

2019/01/21

3.1K0

使用HTML5播放音频在移动端不能循环

做了一个H5页面，需要一个mp3做为背景音乐，在PC端调试没问题，然后用手机扫码打开结果就不能循环播放，记录踩过的坑

小尘哥

2018/08/15

1.5K0

使用HTML5播放音频在移动端不能循环

HTML5视频与音频

html5 文件存储

简单介绍 HTML5 对视频和音频特性规范文档的制定是被讨论最多的。除浏览器自带支持的明显好处外，评论点集中在浏览器提供商对音频/视频格式的不同选择。如果你准备使用HTML5的

踏浪

2019/07/31

2K0

Javascript调试命令——你只会Console.log() ?

Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。Console对象可以在任何全局对象中访问，如 Window，WorkerGlobalScope 以及通过属性工作台提供的特殊定义。它被浏览器定义为 Window.Console，也可被简单的 Console 调用。最常用的方法就是Console.log()，就是在控制台输出内容。刚开始学前端的时候看到大家都是用的Console.log

崔庆才

2018/04/04

1.1K0

Javascript调试命令——你只会Console.log() ?

使用 MediaStream Recording API 和 Web Audio API 在浏览器中处理音频（未完待续）

api audio web 浏览器音频

最近项目上有个需求，需要实现：录音、回放录音、实现音频可视化效果、上传wav格式的录音等功能。于是乎，我就顺便调研了下如何在浏览器中处理音频，发现 HTML5 中有专门的API用来处理音频。

zhaokang555

2023/10/17

6290

使用 MediaStream Recording API 和 Web Audio API 在浏览器中处理音频（未完待续）

在系统中用etcd实现服务注册和发现

在分布式系统中，如何管理节点间的状态一直是一个难题，etcd 是由开发并维护的，它使用 Go 语言编写，并通过Raft 一致性算法处理日志复制以保证强一致性。etcd像是专门为集群环境的服务发现和注册而设计，它提供了数据 TTL 失效、数据改变监视、多值、目录监听、分布式锁原子操作等功能，可以方便的跟踪并管理集群节点的状态。

KevinYan

2019/11/18

1.7K0

python中用requests获取API参数

python api 爬虫

不得不说这个第三方是真的好用，之前在写爬虫的时候就已经开始用啦。然后今天在写接口的时候，别人写的文章是用urllib的，但是我想用requests怎么办呢，怎么去兼容它呢，首先来打开中文文档http:

简单、

2018/07/18

2.6K0

替换谷歌原生音频播放器的最佳方案

api https github javascript html5

不知道大家有没有用过浏览器自带的音频播放，从 Chrome 71 开始限制audio自动播放，目前safari、firefox、edge等浏览器都在某版本后限制了audio自动播放功能，必须要用户与当前页面有交互后，才能激活自动播放，否则就会报错。原生的播放器，功能不够强大，而且会有一些局限性就会导致无法实现我们的功能

程序员老鱼

2022/12/02

2.1K0

使用HTML5和Javascript设计绘图程序

首先，我们来设计下这个绘图程序将会拥有什么功能。在这个简单的绘图程序中，首先要有的是一块能给用户涂鸦的画布区域，上面有一只可爱的小鸭，然后我们准备了4种不同颜色的蜡笔，可以给用户给这只小鸭上色，同时也要提供橡皮擦的功能，以方便随时擦除这个小鸭。而除了蜡笔外，也提供了普通的油画笔的效果，当然也指定了每次绘画时笔触范围的大小，这里设定了4个选择。设计好后的绘图应用，效果如下图：

用户5997198

2019/08/09

1.5K0

使用HTML5和Javascript设计绘图程序

H5新增的特性及语义化标签

html5 jquery ui svg 网站 canvas

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页应用程序缓存，存储，网络工作者，等

青梅煮码

2023/01/31

2.4K0

HTML5 视音频发展史

HTML5 视音频发展史 HTML5学堂：在Flash与HTML5的争霸当中，最终Flash败北，而能够替代Flash播放器功能的就是HTML5中的视音频功能。本文介绍了HTML5出现前后，实现视音频方法的变化以及视音频的编码格式。早期实现视音频的方法在网页当中，早期的视音频标签通常采用embed和object两种标签嵌套。之所以采用这种方式，主要与两种标签的支持程度有关。对于embed标签，大部分的浏览器都能够支持，但是并没有纳入到W3C标准当中，而object标签，虽然得到了W3C标准的支持，

HTML5学堂

2018/03/12

1.4K0

第181天：HTML5——视频、音频

一、HTML5新增的video、source标签 1 <video width="320" height="240" controls="controls“ poster="/images/w3school.gif"> 2 <source src="movie.ogg" type="video/ogg"> 3 <source src="movie.mp4" type="video/mp4"> 4 您的浏览器不支持video标签 5 </video> 二、HTML

半指温柔乐

2018/09/11

1.1K0

第181天：HTML5——视频、音频

【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )

html5 audio 浏览器配置音频

传统 HTML 开发中 , 如果想要向网页中嵌入音频和视频 , 需要使用 Flash 浏览器插件才能实现 ;

韩曙亮

2023/04/24

6K0

【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )

[前端]利用WebAudioAPI获取音频频谱（html5音频可视化）

http https 网络安全网站 api

项目希望可以把音频可视化，有条随声音波动的曲线或者是像唱吧那种。开始是搜到了腾讯大腿（TGideas）写的audio可视化组件，想着直接用，后来各种原因还是打算自己重新写一个……虽然明显写得low了很多。腾讯大腿的audio组件地址 http://www.3fwork.com/b403/001620MYM013253/ GitHub https://github.com/tgideas/motion/blob/master/component/src/main/audio/audio.js

Tuzei

2020/03/16

3.8K0

点击加载更多

相似问题

在html5音频中用文本链接切换javascript执行

26

HTML5 / Javascript网络音频API

10

html5音频和支持Javascript

10

同步HTML5音频和JavaScript

10

在HTML5和JavaScript中加载音频时播放音频

22

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验