webrtc 实时育音视频对话技术

原创 2016年08月30日 07:00:03

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("浏览器暂不支持")  
    }  


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

音频处理之回声消除及调试经验

本文讲的回声(Echo)是指语音通信时产生的回声,即打电话时自己讲的话又从对方传回来被自己听到。回声在固话和手机上都有,小时还可以忍受,大时严重影响沟通交流,它是影响语音质量的重要因素之一。可能有的朋...

Speex 之回声消除

为什么需要声学回声消除呢?在一般的VOIP软件或视频会议系统中,假设我们只有A和B两个人在通话,首先,A的声音传给B,B然后用喇叭放出来,而这时B的MIC呢则会采集到喇叭放出来的声音,然后传回给A,如...
  • gyley2
  • gyley2
  • 2013年01月05日 17:15
  • 1243

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

WebRTC 简介 WebRTC,名称源自网页实时通信(Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音通话或视频聊天的技术,是谷歌2010年以6...

WebRTC实时音视频技术基础:基本架构和协议栈

概述 本文主要介绍WebRTC的架构和协议栈。 最基本的三角形WebRTC架构 为了便于理解,我们来看一个最基本的三角形WebRTC架构(见下图):   在这个架构中,移...
  • wishfly
  • wishfly
  • 2017年03月09日 17:28
  • 1289

web浏览器无插件播放实时音视频技术---WebRTC2SIP与第三方SIP网关对接(五)

1、概述 2、WebRTC、SIP网关的SIP信令交互 3、信令兼容的常见问题以及解决方案...

web浏览器无插件播放实时音视频技术---WebRTC2SIP(三)

1、WebRTC2SIP概述 2、WebRTC2SIP环境搭建 3、WebRTC2SIP配置文件 4、SIPML5参数设置 5、SIPML5、WebRTC、SIP网关的SIP信令交互 ...

基于WebRTC技术的多人音视频解决方案

from: https://www.agora.io/cn/blog/%E5%9F%BA%E4%BA%8Ewebrtc%E6%8A%80%E6%9C%AF%E7%9A%84%E5%A4%9A%E4%B...

WebRTC:最有希望统一即时音视频服务的技术标准

原文来自:开发者头条 ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ 2011年Google发起了WebTRC开源项目和标准化工作,WebRTC已经成为未来最有希望的统一互联网即时...

WebRTC:最有希望统一即时音视频服务的技术标准

原文来自:开发者头条 ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ 2011年Google发起了WebTRC开源项目和标准化工作,WebRTC已经成为未来最有希望的统一互联网即时...

Android IOS WebRTC 音视频开发总结-- 探讨直播低延迟低流量的粉丝连麦技术

转载地址:http://www.cnblogs.com/lingyunhu/p/rtc76.html本文主要探讨基于WebRTC的P2P直播粉丝连麦技术 (作者:郝飞,亲加云CTO,编辑:dora),...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:webrtc 实时育音视频对话技术
举报原因:
原因补充:

(最多只允许输入30个字)