如何在Safari中关闭MacBook外接摄像头及其指示灯（Chrome可用代码无效）

问题根因 #

你当前使用的track.stop()逻辑符合W3C标准，Chrome内核浏览器会在调用该方法后立即释放摄像头硬件占用，但Safari的媒体流资源回收逻辑与Chrome存在差异：你参考的MediaStreamTrack.stop标准定义中也明确说明，该方法仅向浏览器发送轨道废弃通知，具体硬件释放时机由浏览器自行实现，Safari的实现逻辑就是需要所有关联的媒体资源引用全部清空后，才会真正断开摄像头硬件连接、熄灭绿色指示灯，仅调用stop()不会触发硬件释放。

正确实现步骤 #

• 停止视频轨道时额外禁用轨道属性，主动标记资源为废弃状态
• 解除页面中所有视频元素与媒体流的绑定关系
• 清空所有持有的媒体流、媒体轨道的变量引用，避免残留引用阻止垃圾回收

适配代码示例 #

// 停止并禁用所有视频轨道
myStream[0].getVideoTracks().forEach(track => {
  track.enabled = false;
  track.stop();
});

// 清空所有绑定了该流的视频元素的srcObject
const relatedVideos = document.querySelectorAll('video');
relatedVideos.forEach(video => {
  if (video.srcObject === myStream[0]) {
    video.srcObject = null;
  }
});

// 清空所有持有的流引用
myStream[0] = null;
myStream = [];

注意事项 #

• 如果你的媒体流是在iframe中创建的，需要在iframe销毁前执行上述释放逻辑，嵌套上下文的残留引用也会导致Safari不释放硬件
• Safari 15.4及以上版本存在偶现的后台页面调用stop()不生效的问题，建议通过document.visibilityState判断页面可见后再执行释放逻辑
• 不要在闭包、全局缓存对象中留存已停止的媒体流或轨道引用，Safari的垃圾回收触发阈值远高于Chrome，残留引用会长期占用硬件资源

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