基于英文单词的发音规则,精准预估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