本文通过案例演示如何使用开源JS库实现音频淡入淡出、原生JS又该实现,以及如何从底层对音频进行淡入淡出转换,都是少见的技术分享。
阅读全文…
标签:audio, AudioBuffer, fade, GainNodes, howler, wavesurfer 发布在 JS实例 | 一条评论 »
音视频合成的时候,有倍速合成的需求,起初,我以为这只是个手到擒来的小需求,细究之下发现问题并不简单……
标签:ArrayBuffer, audio, AudioBuffer, AudioContext, playbackRate, 算法, 音频 发布在 JS实例 | 4 条评论 »
其实使用Web Audio API就能从视频中提取音频文件了,本文有演示页面,有实现代码,有详细讲解,值得一看。
标签:ArrayBuffer, AudioBuffer, createBufferSource, createGain, decodeAudioData, fetch, GainNodes, WebCodecs, 视频, 音频 发布在 JS实例 | 8 条评论 »
3年前有更新过JS剪裁audio音频,今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并,此文可是其他地方见不到的哟。
标签:ArrayBuffer, audio, AudioBuffer, fetch, getChannelData, wavy, 音频 发布在 JS实例 | 11 条评论 »
本文介绍三种改变音频播放音量的方法,其中还有一种方法直接改变音频AudioBuffer数据源的音量,说不定你哪天就会用到。
标签:ArrayBuffer, audio, AudioBuffer, AudioContext, AudioData, AudioEncoder, GainNodes, howler, wavy 发布在 JS实例 | 6 条评论 »
本文演示了如何纯前端对MP3、WAV、OGG等格式音频进行剪辑、剪裁、剪切、复制、播放以及上传等处理,使用Web Audio API,有完整的代码,还有在线demo演示页面,即插即用,希望本文内容可以对你的工作有所帮助。
标签:API, ArrayBuffer, audio, AudioBuffer, AudioBufferSourceNode, AudioContext, copyFromChannel, copyToChannel, createBufferSource, FileReader, Float32Array, readAsArrayBuffer 发布在 JS实例 | 24 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee