AudioContext 无标签播放音频【AudioContext系列一】
·
html播放音频常用的都是用audio标签,如果不可见用样式隐藏然后用js去控制播放,根据audio提供的能力模拟播放进度等等。
这里介绍一种web Audio API 的方式播放, 代码很简单也很容易理解
const audioContext = new AudioContext();
async function play() {
const res = await fetch('http://localhost/file/audio.mp3');
const arraybuffer = await res.arrayBuffer();
const audioBuffer = await audioContext.decodeAudioData(arraybuffer);
const source = audioContext.createBufferSource();
source.connect(audioContext.destination); //连接上实例
source.buffer = audioBuffer;
source.start();
}
button.addEventListener('click', play, false);
成功播放。
体验地址
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)