[Deprecation] The ScriptProcessorNode is deprecated. Use AudioWorkletNode instead.依赖包出现警告，如何解决

最新推荐文章于 2023-12-18 10:38:01 发布
原创 最新推荐文章于 2023-12-18 10:38:01 发布 · 9.4k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #reactjs
本文档记录了解决使用Tone.js库时遇到的ScriptProcessorNode弃用警告的过程。作者通过逐步排查，发现警告源于Tone.js内部，即便自身代码未直接使用该节点。为验证问题，创建了一个小 demo，并同样收到了警告。进一步定位到问题出现在'./node_modules/standardized-audio-context/build/es2019/helpers/test-audio-node-disconnect-method-support.js'文件中。尽管警告可能不影响功能，但为了保持代码整洁，作者尝试修改并成功消除警告。

[Deprecation] The ScriptProcessorNode is deprecated. Use AudioWorkletNode instead.遇到以上问题，搜索不到相关帖子，在代码里面也没有用过这个ScriptProcessorNode，但是确定是在写了Sequencer构造函数并导入到index后才出现的警告。
在这里插入图片描述
在MDN查到有这个的相关介绍，链接
然后通过注释各可能的代码行，得到了是下列代码，导致了警告的出现，
在这里插入图片描述
所以应该是Tone的新版本内部没有适配好，为了验证，我写了个小demo测试，在新的demo里面也出现了这个警告，这个是Tone包内部的问题，没有研究透这个可以暂时先用不管，不过我觉得有警告不好看，所以继续往下解决

后续通过点击最右侧的链接，弹到浏览器调试工具Sources下
在这里插入图片描述

可以看到是在哪里出现了这个警告，如下，可以看到，确实是依赖包里面的问题，挨着这个目录查找进去，根据提示更改，个人觉得最好不管他，因为不知道这个改了会对其他造成什么影响，此处就先试验一下，有问题再改回来
在这里插入图片描述
“./node_modules/standardized-audio-context/build/es2019/helpers/test-audio-node-disconnect-method-support.js”:
找到过后，我先复制一行再做修改，以防出现问题
在这里插入图片描述

然后重启服务，就解决了

recorder-audio-worklet:该模块为 RecorderAudioWorkletProcessor 和对应的 RecorderAudioWorkletNode 提供了一个加载器
08-03
录音机音频工作集 该模块为 RecorderAudioWorkletProcessor 和相应的 RecorderAudioWorkletNode 提供了一个加载器。
几行代码把Chrome搞崩溃之：HTML5 MP3录音由ScriptProcessorNode升级成AudioWorkletNode采坑记
高坚果兄弟
03-10 3584
关键词: STATUS_ACCESS_VIOLATION AudioContext AudioWorkletNode audioWorklet addModule resume suspended createScriptProcessor 搞崩Chrome测试页：测试页地址 文章目录事件起因现象复现填坑处理最终结果 事件起因 我前些年GitHub开源的前端H5录音库：https://github.com/xiangyuecn/Recorder，提供了 mp3 wav ogg webm amr 格式支持.
Refused to load the script ‘xxxx.js‘ because it violates the following Content Security Policy ...
魏大大
03-12 6857
Refused to load the script 'https://unpkg.com/xxxx.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'unsafe-inline' data:". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used
WebRTC web录音权限获取与使用（遇到的问题记录）
Magicapprentice的博客
03-09 3206
遇到的问题记录: 问题描述: navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia 上述代码中 navigator.getUserMedia 获取到的都是 undefined， 并且更换为使用navigator.mediaDevices.getUserMedia() 报错"Cannot
AGV喊话功能模块开发日记
画舸覆堤
05-15 1317
5.13：github找到一个java通过TCP/UDP传输的开源代码，win10下单机测试成功。 5.14：读一读源码，不长，应该很好读。喊话端可以用java做，但是播放端要和现有项目结合在一起，应该要改写成golang吧？顺便今天打算在Ubuntu16环境下测一下单机。 Absolutely fail：Ubuntu16上安装的jdk版本太低了，我把jar包里带的jdk环境下调来适应Ubuntu的jdk版本。但是jar包运行起来又出现了新问题：VMware下的虚拟机没有声音，调过各种奇技淫巧了还不行。深层
有关chrom会报[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its警告
z17815950792的博客
02-14 2725
Synchronous XMLHttpRequest on the main thread is deprecated because of its 这个错误一般情况下并不会影响网页的正常解析 警告主要原因 这个警告主要是来自jquery的ajax的http请求，早先的javascrpt都是单线程的，在浏览器的主线程中发送http请求会造成主线程的阻塞，知道http请求完成主线程才会继续运行，而网...
Chrome 控制台不完全指南
weixin_33751566的博客
09-13 724
Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效： 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。 他们功能区别不大...
发送实时音频数据到udp服务
军魂L
09-22 1183
1、vue开发获取实时音频数据并按4096分包后添加rtp协议头发送到websocket服务（连接websocket自行编写连接到127.0.0.1:8889）由于浏览器不能直接连接udp服务，所以需要搭建一个websocket服务做中转，让websocket服务连接udp服务。创建一个app.js，并安装dgram依赖 npm install dgram --save。2、使用nodejs搭建websocket服务。运行app.js： node app.js。
Tone.js使用心得
Voiceu的博客
06-23 2824
项目里面用到了Tone.js来使用播放模块，目前项目快完结了，现在来总结一下tone.js的使用心得 主要参考github上的 README 文档 ,还有官方API文档 ScriptProcessorNode版本过时 首先明确，这是一个调用浏览器播放模块的包，会调用ScriptProcessorNode，但是在目前的Chrome浏览器版本里，会发出警报，ScriptProcessorNode过时了. 改用 AudioWorkletNode [Deprecation] The ScriptProcessorN
Chrome 66 新特性：CSS 类型对象模型，异步剪贴板 API，AudioWorklet，等
justjavac的专栏
03-31 568
原文链接：https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html除非另有说明，否则下文所述的更改适用于 Android，Chrome OS，Linux，macOS 和 Windows 的最新 Chrome Beta 版本。在 ChromeStatus 上查看 Chrome 66 中完整的特性列表。 的
Web前端JS通过使用AudioWorkletNode() 获取 Video/Audio 视音频声道(左右声道|多声道)
沐枫
12-18 4831
在之前的博文【Web前端JS如何获取 Video/Audio 视音频声道(左右声道|多声道)、视音频轨道、音频流数据】中，介绍了通过使用AudioContext.createScriptProcessor()方法来获取视音频音轨（声道）数据。但由于W3C不再推荐使用该AudioContext.createScriptProcessor()特性。所以在不久的将来也许会从相关的Web标准中移除，也许正准备移除或出于兼容性而保留。
ant帮助(转载)
wqjsir的专栏
07-20 3590
ant帮助 2.Ant的任务:----------------------------------------------------------------           ant              在另一个build file上调用ant           antcall          调用一个当前build file上的target           a
错误The type XXX is deprecated解决
starjuly的专栏
02-23 9696
错误The type XXX is deprecated解决
ScriptProcessorNode
Claroja
02-09 1570
弃用(被AudioWorklet替代) 是AudioNode,有input audio data,还有output audio data 2个buffer. input和output buffer在创建的时候被定义,bufferSize必须是 256~163384,且是2的n次幂(256, 512, 1024, 2048, 4096, 8192 or 16384),越高音质越好,越低延迟越低 构...
antd中table组件的rowKey 的问题
热门推荐
Voiceu的博客
04-14 1万+
rowKey中用string形式的时候，虽然是在jsx中用引号‘’，但是却不是单纯的string，这个string是指向的dataSource中对应的属性，应该是内部封装好了的， 另一种形式就是函数形式传进来， return <Table rowKey={record => record.uid} />; 这里面的record在之前的文章里面说过，是每一行的所有数据，所以是一个对象，里面包含有uid属性， DataSource是一个包含很多record对象的数组 疑问 最开始就觉得，虽然我
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值