Web网页音视频通话之基于sipjs功能扩展

最新推荐文章于 2025-09-17 18:23:04 发布

原创

最新推荐文章于 2025-09-17 18:23:04 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #音视频 #javascript

本文详细介绍了如何使用JavaScript实现音视频通话中的音频开关、视频开关以及屏幕共享功能。通过操作peerConnection和媒体流，实现了静音/取消静音、打开/关闭视频以及获取屏幕流进行共享。代码中还包含了错误处理和状态提示。

在上一篇开发基础上，已经实现了音视频通话。本文是在此基础上继续完成以下内容

关闭/开启音频
开启/关闭视频
屏幕共享

开启/关闭音频

javaScript

/**
     * 静音
     */
    mute() {
   
   
        if (!currentSession) {
   
   
            layer.msg("请先建立视频通话");
            return false;
        }
        var pc = currentSession.sessionDescriptionHandler.peerConnection;
        if (pc.getSenders) {
   
   
            pc.getSenders().forEach(function (sender) {
   
   
                if (sender.track.kind === 'audio') {
   
   
                    sender.track.enabled = false
                    layer.msg('您已开启静音');
                }
            });
        } else {
   
   
            pc.getLocalStreams().forEach(function (stream) {
   
   
                stream.getAudioTracks().forEach(function (track) {
   
   
                    if (track.kind === 'audio') {
   
   
                        track.enabled = false;
                        layer.msg('您已开启静音');
                    }
                });
            });
        }
    }
/**
     * 解除静音
     */
    unmute() {
   
   
        if (!currentSession) {
   
   
            layer.msg("请先建立视频通话");
            return false;
        }
        var pc = currentSession.sessionDescriptionHandler.peerConnection;
        if (pc.getSenders