随笔分类 - ☁️WebRtc

【WebRtc】获取分享屏幕

摘要：分享前页面获取分享屏幕 Code /** * 开始屏幕共享 */ openShareScreen() { var that = this // 判断是否支持获取本地屏幕分享数据 if (!navigator.mediaDevices || !navigator.mediaDevices.getDi 阅读全文

posted @ 2023-03-14 11:13 Hello、Lin 阅读(142) 评论(0) 推荐(0) 编辑

【WebRtc】获取媒体设备信息

摘要：加载设备信息页面加载完设备信息页面 Code /** * 加载当前设备的音视频信息 */ initInnerLocalDevice() { let that = this; // 判断是否支持 if (!navigator.mediaDevices || !navigator.mediaDevic 阅读全文

posted @ 2023-03-10 16:15 Hello、Lin 阅读(49) 评论(0) 推荐(0) 编辑

【WebRtc】获取音视频数据

摘要：首页截图获取音视频关键Code 获取摄像头数据 /** * 获取流数据 */ openUserMeida() { var that = this // 判断是否支持获取媒体数据 if (!navigator.mediaDevices || !navigator.mediaDevices.getU 阅读全文

posted @ 2023-03-09 09:22 Hello、Lin 阅读(68) 评论(0) 推荐(0) 编辑

Web网页音视频通话之Webrtc相关操作（一）

摘要：目录打开摄像头/关闭摄像头静音/解除静音打开视频/关闭视频截图且下载打开摄像头/关闭摄像头效果图 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>打开摄像头</title> <link 阅读全文

posted @ 2022-07-31 14:42 Hello、Lin 阅读(261) 评论(0) 推荐(0) 编辑

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

摘要：在上一篇开发基础上，已经实现了音视频通话。本文是在此基础上继续完成以下内容关闭/开启音频开启/关闭视频屏幕共享开启/关闭音频 javaScript /** * 静音 */ mute() { if (!currentSession) { layer.msg("请先建立视频通话"); retur 阅读全文

posted @ 2022-07-29 23:23 Hello、Lin 阅读(387) 评论(0) 推荐(0) 编辑

Web网页音视频通话之基于Sipjs

摘要：简述本文是以FreeSwitch作为信令服务器，通过sipjs(基于webRtc) 进行媒体协商，网络协商后，进行P2P媒体传输。参考知识： sip.js https://sipjs.com/ webRtc开发手册 https://developer.mozilla.org/zh-CN/docs 阅读全文

posted @ 2022-07-29 23:23 Hello、Lin 阅读(701) 评论(0) 推荐(0) 编辑

Web网页音视频通话之Webrtc相关操作（二）

摘要：效果图 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>屏幕共享</title> </head> <body> <div id="container"> <video id="video-local 阅读全文

posted @ 2022-07-29 23:18 Hello、Lin 阅读(163) 评论(0) 推荐(0) 编辑