WebRTC（aiortc）通信中关闭连接时关闭摄像头指示灯的实现方法

嗨，我仔细看了你的代码，问题出在你停止本地媒体流的方式上——直接调用stream.stop()已经是被废弃的写法，而且你分开处理音频和视频流的方式也容易遗漏，导致摄像头的硬件指示灯无法正确熄灭。咱们来一步步修改解决这个问题：

第一步：统一保存本地媒体流 #

在start函数里，你通过getUserMedia获取的是一个包含音频和视频的单一MediaStream对象，没必要分开存local_audio和local_video，直接保存整个流即可，这样后续管理更方便：

navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
    // 新增：保存完整的本地媒体流到main_pc
    main_pc["local_stream"] = stream;
    
    stream.getTracks().forEach(function(track) {
        try {
            main_pc["pc"].addTrack(track, stream);
            if (track.kind == "video"){
                document.getElementById('client-video-1').srcObject = stream;
            }
        } catch(e){
            console.error("添加媒体轨道出错:", e);
        }
    });
    return negotiate();
}, function(err) {
    alert('Could not acquire media: ' + err);
});

第二步：正确停止所有媒体轨道 #

修改stop_peer_connection函数里的媒体停止逻辑，遍历本地流的所有轨道并逐个调用track.stop()——这是现代浏览器推荐的方式，能确保硬件设备（摄像头、麦克风）收到停止信号，指示灯随之熄灭：

try{
    // 停止本地媒体流的所有轨道（摄像头+麦克风）
    if (main_pc["local_stream"] != null){
        main_pc["local_stream"].getTracks().forEach(track => {
            track.stop();
            console.log(`已停止${track.kind}轨道`);
        });
        main_pc["local_stream"] = null;
    }
}
catch (e){
    console.error("停止媒体轨道时出错:", e);
}

第三步：清理冗余代码 #

你原来在main_pc["pc"].onclose里已经有一段停止发送轨道的代码，其实和上面的逻辑重复了，可以保留其中一个，或者合并确保覆盖所有场景。比如可以把onclose里的这段代码替换成调用stop_peer_connection，避免重复逻辑：

main_pc["pc"].onclose = function() {
    closing = true;
    // 直接调用统一的停止函数
    stop_peer_connection();
    
    // 其他清理逻辑保持不变...
    main_pc["pc"] = null;
    $("#control_call_button").removeClass("d-none");
    $("#stop_call_button").addClass("d-none");
};

为什么这样能解决问题？ #

摄像头指示灯是由硬件层面控制的，只有当浏览器明确停止对应的视频轨道时，才会通知硬件关闭指示灯。旧的stream.stop()方法已经被浏览器废弃，不再保证能正确触发硬件停止信号，而逐个停止轨道的方式是当前标准的实现，能确保硬件响应。

备注：内容来源于stack exchange，提问作者Chris P