文章关键字 ‘AudioContext’

JS改变AudioBuffer音量并下载为新audio音频

2023年10月9日,星期一

音频波形图

本文介绍三种改变音频播放音量的方法,其中还有一种方法直接改变音频AudioBuffer数据源的音量,说不定你哪天就会用到。

阅读全文…

JS纯前端实现audio音频剪裁剪切复制播放与上传

2020年07月27日,星期一

音频在线剪辑与处理

本文演示了如何纯前端对MP3、WAV、OGG等格式音频进行剪辑、剪裁、剪切、复制、播放以及上传等处理,使用Web Audio API,有完整的代码,还有在线demo演示页面,即插即用,希望本文内容可以对你的工作有所帮助。

阅读全文…

使用wavesurfer.js显示mp3 audio音频的波形图

2018年12月9日,星期日

波形图

如果你想实现右图所示的波形图效果,可以借助wavesurfer.js。wavesurfer.js上手简单,扩展丰富,有多达35个可选参数,什么音频速率控制,波形图大小尺寸啊,都完全不在话下。还有好多种方法,对了,还有很多额外的插件,丰富的使用案例。

基本上,你要想对音频进行解析,显示个图形啥的,不要多想了,就wavesurfer,童叟无欺,老少皆宜,居家旅行,开发必备。

阅读全文…

利用HTML5 Web Audio API给网页JS交互增加声音

2017年06月10日,星期六

HTML5 Web Audio API可以让我们无中生有创造声音,而且是各种音调的声音,换句话说,我们通过JavaScript就会创建一个完整的音乐出来,这可能和我们以前的认知有些不一样,例如点击按钮出现一个点击的音效,传统思维可能是需要JS触发一个<audio>音频文件的播放,实际上,并不需要任何额外的资源,十几行JS代码就可以搞定,而这就是本文要介绍的内容。

阅读全文…