Web Worker内实例化Audio对象报ReferenceError，如何在其中使用Audio对象？

报错根因 #

Web Worker 运行在完全独立的隔离线程环境，全局作用域中不挂载任何主线程专属的 DOM 接口。Audio 是绑定主线程 DOM 上下文的构造函数，本身不属于 Worker 全局作用域的可用对象，直接在 Worker 函数里实例化必然会抛出未定义的引用错误，不存在直接让 Worker 作用域识别到Audio的技巧。

可行的实现路径 #

核心思路是不要跨环境强行调用专属API，通过跨线程消息协作拆分职责，让所有和音频相关的操作始终留在具备DOM权限的主线程执行，具体落地可以参考这些规则：

• 把所有涉及Audio实例的初始化、播放控制、状态监听逻辑全部移回主线程运行，Worker 只承载无DOM依赖的纯计算类逻辑，比如音频原始数据预处理、播放进度数值换算、任务调度逻辑计算等
• 依托 Worker 原生的postMessage通信机制搭建双向消息桥：当Worker需要操作音频时，向主线程发送带操作类型的指令，主线程收到消息后调用本地Audio实例的对应方法完成动作；主线程采集到的音频播放状态、播放错误信息等，也可以通过消息同步给Worker，支撑Worker的业务逻辑判断
• 不要尝试把主线程创建好的Audio实例直接传给Worker：跨线程传值使用结构化克隆算法，DOM节点属于不可克隆的对象类型，传过去的内容会退化成没有原型方法的普通对象，完全无法调用实例上的音频控制方法。

内容的提问来源于stack exchange，提问作者Jacob