Voiceu的博客

多轨音频编辑器的逻辑

项目里面用到了Tone.js来使用播放模块，目前项目快完结了，现在来总结一下tone.js的使用心得主要参考github上的 README 文档 ,还有官方API文档ScriptProcessorNode版本过时首先明确，这是一个调用浏览器播放模块的包，会调用ScriptProcessorNode，但是在目前的Chrome浏览器版本里，会发出警报，ScriptProcessorNode过时了. 改用 AudioWorkletNode[Deprecation] The ScriptProcessorN

做项目的时候出现的问题：The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.看这个意思是说必须要用户手动进行一个操作，才能启用音频的相关功能，不能一打开就自动调用，查到的解决帖子：参考1 参考2帖子中也是说要进行手动操作，比如加个btn，手动点击的时候就调用，然后再进行自己的项目想要的操作...

在用React-dnd模块做项目的时候，在endDrop（）函数里面用getDropResult（）无法得到想要的目标值，看了官方文档，以及示例代码，均是无法找到问题所在，跟示例的思路及写法几乎一样，根据相关文档，如下具体情景如下：我有三个组件ABC, A是B的父组件，C与AB独立，C作为被拖动组件，AB作为接受的组件，在C的drag的spec配置中的endDrag()里面写到，console.log(‘getDropResult’, monitor.getDropResult());在

在react项目里遇到一个情景：修改redux里的一个数据，但是这个数据是对象下的对象下的对象，一开始我是这样做的export default (state = mario(), action) => { let newState // 能不能在这里进行newState = { ...state }，每一次处理action // 都会走一遍这个函数，下面试验一下 //这个是浅拷贝，只能复制对象里的非对象普通数据 // 但是里面的tracks是对象，还是指向

[Deprecation] The ScriptProcessorNode is deprecated. Use AudioWorkletNode instead.遇到以上问题，搜索不到相关帖子，在代码里面也没有用过这个ScriptProcessorNode，但是确定是在写了Sequencer构造函数并导入到index后才出现的警告。在MDN查到有这个的相关介绍，链接然后通过注释各可能的代码行，得到了是下列代码，导致了警告的出现，所以应该是Tone的新版本内部没有适配好，为了验证，我写了个小dem

根据研究结果自己做的一个导图，暂做记录

“dependencies”: {“axios”: “^0.17.1”,“gh-pages”: “^1.1.0”,“lodash”: “^4.17.4”,“normalize.css”: “^7.0.0”,“react”: “^16.2.0”,“react-dnd”: “^2.5.4”,“react-dnd-html5-backend”: “^2.5.4”,“react-dom”: “^16.2.0”,“react-redux”: “^5.0.6”,“react-router-dom”: