文章关键字 ‘audio’

不改变音调情况下Audio音频的倍速合成JS实现

2024年02月29日,星期四

音频倍速音调不变封面图

音视频合成的时候,有倍速合成的需求,起初,我以为这只是个手到擒来的小需求,细究之下发现问题并不简单……

阅读全文…

本地MP3封面图、时长等信息的JS读取

2023年11月29日,星期三

封面图,典雅

本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。

阅读全文…

纯JS实现多个音频的拼接或者合并

2023年10月10日,星期二

音频波形封面占位图

3年前有更新过JS剪裁audio音频,今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并,此文可是其他地方见不到的哟。

阅读全文…

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

2023年10月9日,星期一

音频波形图

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

阅读全文…

JS audio加图片序列或canvas转webM/MP4的实现

2023年05月21日,星期日

视频合成封面图

本文算是目前国内关于浏览器音视频合成,尤其WebCodecs API进行视频合成这块比较稀缺的内容了。

阅读全文…

基于howler.js写了个音频播放器组件

2022年03月15日,星期二

封面图

兴趣使然,做了个音频播放器,支持各种循环模式,支持样式自定义,基于 howler.js实现,希望里面的内容能够对你的工作与学习有所帮助。

阅读全文…

借助ffmpeg.wasm纯前端实现多音频和视频的合成

2021年03月20日,星期六

熊猫 合体

不借助C/C++,纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频,此领域目前为数不多优质文章,建议收藏备忘。

阅读全文…

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

2020年07月27日,星期一

音频在线剪辑与处理

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

阅读全文…

HTML audio基础API完全使用指南

2019年07月7日,星期日

Audio基础API大全

音视频播放暂停控制,播放时长获取,播放速率,以及检测什么时候播放结束,当前媒体资源是否处于暂停状态等,都在本文有所介绍,本文就是audio/video元素各类基础API完全介绍,总能找到你需要的东西。

阅读全文…

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

2018年12月9日,星期日

波形图

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

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

阅读全文…