FreeSWITCH 1.10.10 简单图形化界面15 - JsSIP媒体控制(LookLook)

FreeSWITCH 1.10.10 简单图形化界面15 - JsSIP媒体控制


FreeSWITCH界面安装参考:https://blog.csdn.net/jia198810/article/details/137820796

0、 界面预览

http://myfs.f3322.net:8020/

用户名:admin,密码:admin

FreeSWITCH界面安装参考:https://blog.csdn.net/jia198810/article/details/137820796

1、本地媒体流

通过JsSIP建立通话后,获取JsSIP.RTCSession类,通过mute()方法可控制是否关闭和开启本地音频或者视频媒体。

可参考JsSIP使用手册https://jssip.net/documentation/api/session/#method_mute

如下:

获取session
javascript 复制代码
  //通过JsSIP.UA的newRTCSession事件获取呼叫session,并通过mute开启关闭本地音频和视频
  this.ua.on('newRTCSession', (e) => {
      this.currentSession = e.session;
      //其他代码
      .....
   })
本地音频
javascript 复制代码
//关闭本地音频
//通过options控制是关闭音频还是视频
this.muteLocalAudio = () =>{
    //开启音频,则audio:false
	this.currentSession.mute(options={audio:true,video:false})
}
本地视频
javascript 复制代码
//关闭本地视频
//通过options控制是关闭音频还是视频
this.muteLocalVideo = () =>{
    //开启视频,则video:false
	this.currentSession.mute(options={audio:true,video:true})
}

2、远端媒体流

通过JsSIP建立通话后,获取JsSIP.RTCSession类的confirmed事件获取远端媒体MediaStream对象,然后通过媒体轨道MediaStreamTrack关闭和开启远端媒体。

可参考web开发手册https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/enabled

如下:

获取媒体流
javascript 复制代码
 //获取JsSIP.RTCSession类的confirmed事件获取远端媒体
this.audioReceiver = null;
this.videoReceiver = null;
this.currentSession.on("confirmed", (e) => {
    

     // 分别获取音频和视频
    receivers.forEach((receiver) => {
        if (receiver.track.kind === "audio") {
            audioReceiver = receiver;
        } else if (receiver.track.kind === "video") {
            videoReceiver = receiver;
        }
     }); 
   // 播放音频及视频
   ......
});
远端音频

通过MediaStreamTrack的enabled属性控制媒体轨道

javascript 复制代码
//关闭远端音频
this.closeRemoteAudio = () =>{
    //开启音频,则enabled = true
    this.audioReceiver.getAudioTracks()[0].enabled = false
}
远端视频
javascript 复制代码
//关闭远端视频,黑屏
this.closeRemoteVideo = () =>{
    //开启视频,则enabled = true
    this.videoReceiver.getVideoTracks()[0].enabled = false
}
相关推荐
web前端进阶者15 小时前
音视频开发远端未发布视频占位图
音视频·webrtc
fangji99921 小时前
自建webrtc低延时分布式街机游戏直播方案
webrtc·游戏直播·街机直播·自建集群·低延时直播
RTC老炮1 天前
webrtc弱网-ReceiveSideCongestionController类源码分析及算法原理
网络·算法·webrtc
若尘拂风1 天前
centos 7.9 编译安装 freeswitch 1.10.12
服务器·udp·freeswitch·sip
福大大架构师每日一题2 天前
pion/webrtc v4.1.6 发布:修复 nil stats getter 问题并升级依赖模
webrtc
~无忧花开~2 天前
CSS学习笔记(五):CSS媒体查询入门指南
开发语言·前端·css·学习·媒体
Kingsdesigner3 天前
告别“手绘”图表:Illustrator与XD联动的数据可视化(Data Viz)工作流
ui·adobe·信息可视化·illustrator·媒体·图表·平面设计
RTC老炮3 天前
webrtc弱网-AcknowledgedBitrateEstimatorInterface类源码分析与算法原理
网络·算法·webrtc
hqyjzsb3 天前
2025年市场岗位能力重构与跨领域转型路径分析
c语言·人工智能·信息可视化·重构·媒体·改行学it·caie
2501_919749036 天前
鸿蒙:使用断点和媒体查询实现响应式布局
华为·harmonyos·鸿蒙·媒体