基于英文单词的发音规则，精准预估TTS语音合成每段内容所占据的时长，以便实现更精准的字幕同步，冷门应用场景，但却是稀缺的算法资源，值得收藏备忘。
阅读全文…
标签：audio, 字幕, 算法, 语音, 语音合成, 音频 发布在 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实例 | 10 条评论 »
本文算是目前国内关于浏览器音视频合成，尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
标签：audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频 发布在 JS实例 | 11 条评论 »
H5直播，Android视频播放层级，内置播放器等问题，可以看看本文介绍的两个JS项目，JSMpeg和Broadway，或许会有所帮助。
标签：Broadway, JSMpeg, mp4, Vap, webGL, 视频, 解码, 音频 发布在 JS实例 | 9 条评论 »
H5中希望有炫酷3D动效，但是3D WebGL实力不允许，可以试试使用本文要介绍的VAP，导出PNG图片序列，可以有高性能的炫酷动画效果，Android和iOS也可以使用。
标签：canvas, OpenGL, webGL, 动画, 序列图片, 性能, 视频, 解码, 音频 发布在 JS实例 | 15 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用