首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端开发0202

    WebAudio API

    AudioContext AudioContext是所有音频操作的前提,一个类似Canvas的ctx的上下文对象 var ac = new (window.AudioContext || window.webkitAudioContext 需要在创建时加上后缀 AudioBufferSourceNode 创建音频源 方法(1) 这种方式是通过请求方式播放音乐 var ac = new (window.AudioContext || window.webkitAudioContext onclick="music.pause()"> //点击停止音乐 <script> var ac = new (window.AudioContext || window.webkitAudioContext oninput="setGain(this)"> //控制音乐播放声音 <script> var ac = new (window.AudioContext || window.webkitAudioContext Data[i] ); } } var ac = new (window.AudioContext || window.webkitAudioContext

    1.5K20发布于 2020-05-09
  • 来自专栏Tuzei的笔记

    [前端]利用WebAudioAPI获取音频频谱(html5音频可视化)

    目前Chrome和Firefox对其提供了支持,但需要相应前缀,Chrome中为window.webkitAudioContext,Firefox中为mozAudioContext。 window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext

    4.6K00发布于 2020-03-16
  • 来自专栏杨焱的专栏

    网页纯JS通过AudioContext播放声音

    var AudioContext = AudioContext || webkitAudioContext, context = new AudioContext, canClick

    6.9K20编辑于 2021-12-07
  • 来自专栏游戏杂谈

    手机浏览器音频内核的坑

    noteOn代替start方法(新的API采用start方法,老版本createGain方法也是不支持的),另外一种方法是引入一个补丁js文件来解决 https://github.com/cwilso/webkitAudioContext-MonkeyPatch

    1.5K40发布于 2018-11-20
  • 来自专栏前端小吉米

    让你听见的 HTML5

    如果你还考虑兼容性的话,可以加上 webkitAudioContext。 let AudioContext = window.AudioContext || window.webkitAudioContext; 它实际上和 MediaSource Extension 一样,是将输入数据直接和播放设备连接在一起

    1.3K20发布于 2018-08-03
  • 来自专栏web编程技术分享

    【大结局】《从案例中学习JavaScript》之酷炫音乐播放器(四)

    //1:音频上下文 window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext

    1.2K50发布于 2018-05-17
  • 来自专栏web编程技术分享

    【H5 音乐播放实例】第五节 音轨制作

    document.getElementById("music"); //1:音频上下文 window.AudioContext = window.AudioContext || window.webkitAudioContext

    81340发布于 2018-07-04
  • 来自专栏囍楽云博客

    Js自动播放HTML音乐(不受浏览器限制,无需先与浏览器交互,无需对浏览器进行修改)

    //浏览器适用 contextClass = window.AudioContext = window.AudioContext || window.webkitAudioContext

    8.5K80编辑于 2022-12-29
  • 来自专栏糊一笑

    模拟制作网易云音乐(AudioContext)

    如果音频是关闭状态,则重新新建一个全局音频上下文 if (ac.state === 'closed') { ac = new (window.AudioContext || window.webkitAudioContext 兼容写法为:webkitAudioContext

    2.4K50发布于 2018-05-09
  • 来自专栏waki

    实时html5的mp3播放。再次体验数据格式arraybuffer。

    type="text/javascript"> // define variables var audioCtx = new (window.AudioContext || window.webkitAudioContext

    1.9K10编辑于 2021-12-08
  • HTML 插件

    var audio = document.getElementById("myAudio"); var context = new (window.AudioContext || window.webkitAudioContext

    54810编辑于 2025-08-01
  • 来自专栏流媒体技术

    H5实时解码音频并播放

    ; mad_frame_finish(&frame); 播放 创建AudioContext对象 window.AudioContext = window.AudioContext || window.webkitAudioContext

    1.5K20编辑于 2022-07-28
  • 动感音乐导航栏的实现

    window.innerWidth; canvas.height = window.innerHeight; const audioCtx = new (window.AudioContext || window.webkitAudioContext

    80000编辑于 2025-04-25
  • 来自专栏云+分享

    Hexo博客 | 博客中能用到的代码(一)

    交互增加声音 <button id="button">经过我</button> <script> window.AudioContext = window.AudioContext || window.webkitAudioContext

    1.1K20编辑于 2021-12-13
  • 来自专栏JadePeng的技术博客

    HTML5录音控件

    static createRecorder(callback,config){ window.AudioContext = window.AudioContext || window.webkitAudioContext

    7K50发布于 2018-03-12
  • 来自专栏爬虫逆向案例

    webmsxyw x-s分析

    navigator、location、String、Date、Object、screen、document、 还有追加的 openDatabase、devicePixelRatio、AudioContext、webkitAudioContext

    2.1K20编辑于 2023-05-23
  • 来自专栏腾讯云终端专家服务

    TRTC Web端 仿腾讯会议麦克风静音检测

    document.getElementById("meter").getContext("2d"); window.AudioContext = window.AudioContext || window.webkitAudioContext

    3.2K50发布于 2021-04-27
  • 来自专栏Article

    前端音频合成

    window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext

    2.2K20编辑于 2022-06-15
  • 来自专栏音视频技术概要

    chrome 66自动播放策略调整

    xhr.send(); }); } 实例化AudioContext// Safari是使用webkit前缀 let context = new (window.AudioContext || window.webkitAudioContext

    6.4K20发布于 2020-10-29
  • 来自专栏前端加油站

    基于react的录音及音频曲线绘制的组件开发

    static mediaRecorder = null // 媒体记录对象 static audioCtx = new (window.AudioContext || window.webkitAudioContext

    2.6K30发布于 2019-07-02
领券