AudioContext API

  • 创建AudioContext
    var audioCtx = new (window.AudioContext || webkitAudioContext)()
  • 链接音频
    var audio = document.getElementById('audio1')
    var source = audioCtx.createMediaElementSource(audio)
  • 分析音频内容
    var analyzer = audioCtx.createAnalyser()
    var bufferLength = analyzer.fftSize // 创建获取音频数据的缓冲buffer
    var dataArray = new Uint8Array(bufferLength)
    source.connect(analyzer) ////连接分析和音频

analyer.getByteTimeDomailData(dataArray) //将当前的音频数据拷贝进Uint8Array数组中

Web Api

  • AudioContext.createMediaElementSource(HTMLMediaElement)
    创建一个MediaElementAudioSourceNode接口来关联HTMLMediaElement,处理播放来自video 和 audio 元素的音频
  • AudioContext.createMediaStreamSource(MediaStream)
    创建一个MediaStreamAudioSourceNode接口来关联本地麦克风或者是其他的音频流
  • AudioContext.createAnalyser()
    创建音频的时间和频率的数据
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在涂鸦课进行时的交谈中的,我发现我突然有一种被集体环抱的感觉,也第一次喜欢和女生们在一起的感觉。好像我一直都没办法...
    我是谁呀我是谁阅读 1,807评论 0 0
  • 明明觉得国庆好像还没有开始,然而我们的假期余额已经不足了。或许这可以用相对论来解释,爱因斯坦向别人通俗解释相对论:...
    小白de鸽阅读 4,585评论 3 1
  • 概念 分布式是并联工作,集群是串联工作。即分布式是通过降低单个任务执行时间来调高系统的效率,而集群是通过提...
    Antidote799阅读 2,953评论 0 0
  • 局部安装 下载composer到项目中,使用如下命令 注意: 如果上述方法由于某些原因失败了,你还可以通过 php...
    未来与传说阅读 4,776评论 0 0
  • 坚持编程_lyz阅读 1,339评论 0 0