webrtc 实时育音视频对话技术

news/2024/11/11 12:26:05/

WebRTC,名称源自网页实时通信(Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的技术,是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。2011年5月开放了工程的源代码,在行业内得到了广泛的支持和应用,成为下一代视频通话的标准。

废话不多说,直接上demo

<!DOCTYPE html>  
<html>  <head>  <meta charset="utf-8">  <title>学习webrtc</title>  </head>  <body>  <video autoplay></video>  <script src="main.js"></script>  </body>  
</html>  


新建main.js

    function hasUserMedia(){//判断是否支持调用设备api,因为浏览器不同所以判断方式不同哦  return !!(navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);  }  if(hasUserMedia()){  //alert("浏览器支持")  navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;  navigator.getUserMedia({  video:true,//开启视频  audio:false//先关闭音频,因为会有回响,以后两台电脑通信不会有响声  },function(stream){//将视频流交给video  var video=document.querySelector("video");  video.src=window.URL.createObjectURL(stream);     },function(err){  console.log("capturing",err)  });  }else{  alert("浏览器暂不支持")  }  



http://www.ppmy.cn/news/501631.html

相关文章

音视频技术之《WebRTC实时音视频技术的整体架构介绍》

WebRTC 简介 WebRTC&#xff0c;名称源自网页实时通信&#xff08;Web Real-Time Communication&#xff09;的缩写&#xff0c;是一个支持网页浏览器进行实时语音通话或视频聊天的技术&#xff0c;是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。 Web…

音视频技术开发周刊 78期

『音视频技术开发周刊』由LiveVideoStack团队出品&#xff0c;专注在音视频技术领域&#xff0c;纵览相关技术领域的干货和新闻投稿&#xff0c;每周一期。点击『阅读原文』&#xff0c;浏览第78期内容&#xff0c;祝您阅读愉快。 架构 HDR视频生态系统纵览 Flatpanels作者Yoer…

webrtc实时音视频即时通讯,个人心得

1、获取摄像头或屏幕分享(我的电脑是台式主机没有摄像头&#xff0c;只能分享屏幕) 具体文档地址&#xff1a;https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices 这里是采集屏幕音视频&#xff0c;如需采集摄像头将getDisplayMedia方法替换成getUserMedia <…

菜鸟站长之家google账号注册申请图文教程

还在使用360浏览器、搜狗浏览器&#xff0c;亦或是默认的IE浏览器!??作为一名混迹互联网多年的博主&#xff0c;推荐大家不妨试试google浏览器吧。 当你使用谷歌浏览器后&#xff0c;第一件要做的事情就是google账号注册申请。 google账号注册后&#xff0c;就可以记录下浏览…

Nginx入门?看这一篇就够了

Nginx&#xff1f;看这一篇就够了 前言Nginx介绍没有好用的&#xff1f;那就自己做一个&#xff01;Nginx的发展历程Nginx的特性&#xff08;为什么要用Nginx&#xff09; 异步事件驱动同步事件驱动同步事件驱动的问题 异步事件驱动异步非阻塞与同步非阻塞并发和并行I/O多路复用…

新知实验室 腾讯云实时音视频 RTC WEB端初识

这里写目录标题 前言初识产品产品介绍基础功能高级功能扩展功能 快速上手位置创建源码下载源码文档 写入密钥使用调试区域 前言 当前时代是信息行业飞速发展的时代&#xff0c;万物都在朝物联网方向转化。而人作为一个意识体&#xff0c;也正在通过互联网&#xff0c;认识一个…

实时音视频的超级风口,开发者的机会在哪里?

2021年初因为Elon Musk“带货”而走红的音频社交App Clubhouse&#xff0c;又以肉眼可见的速度跌落神坛&#xff0c;下载量从2月的960 万/月跌至4月的92万/月。不过在5月&#xff0c;Clubhouse终于推出了安卓版&#xff0c;并表示接下来也会对所有用户开放。 另一边&#xff0…

音视频技术开发周刊 76期

『音视频技术开发周刊』由LiveVideoStack团队出品&#xff0c;专注在音视频技术领域&#xff0c;纵览相关技术领域的干货和新闻投稿&#xff0c;每周一期。点击『阅读原文』&#xff0c;浏览第76期内容&#xff0c;祝您阅读愉快。 架构 基于WebRTC、Kurento的一种低延迟架构实现…