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


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

webrtc 实时育音视频对话技术

WebRTC,名称源自网页实时通信(Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的技术,是谷歌2010年以6820万美元收购Globa...
  • qq_35587839
  • qq_35587839
  • 2016年08月30日 07:00
  • 232322

通过WebRTC实现实时视频通信(一)

http://www.gbtags.com/gb/share/3909.htm 发布于2014-09-22,阅读6051次,收藏 6次,评论1条 - 来自你才是程序员  | ...
  • mengzhengjie
  • mengzhengjie
  • 2016年05月18日 23:50
  • 2921

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

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

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

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

WebRTC

由于毕设研究定的题目是即时通信相关,于是乎决定研究一下WebRTC来实现浏览器内的音频聊天,同时探究一下WebRTC能做些什么 什么是WebRTC? 众所周知,浏览器本身不支持相互之间...
  • LanSeTianKong12
  • LanSeTianKong12
  • 2015年07月02日 16:04
  • 1076

WEBRTC开发入门

WEBRTC “WebRTC,名称源自网页实时通信(Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的技术,是谷歌2010年以6820万...
  • dj0379
  • dj0379
  • 2016年07月19日 01:48
  • 1536

展望2018音视频技术:AV1,AI,区块链,WebRTC

编者按:音视频技术的历史可能要追溯到19世纪末——特斯拉与爱迪生的伟大时代。直到今天,他们的发明依然伴随我们生活的每时每刻。2018年音视频技术将有哪些突破?来自学霸君的资深架构师袁荣喜从编解码器、客...
  • vn9PLgZvnPs1522s82g
  • vn9PLgZvnPs1522s82g
  • 2018年01月03日 00:00
  • 760

WebRTC音视频同步机制实现分析

2016-11-25 dora WebRTC编风网 WebRTC编风网 来源:编风网 作者:weizhenwei,编风网专栏作家 音视频同步事关多媒体产品的最直观用户体验,是音视频媒体数据传输...
  • dj0379
  • dj0379
  • 2016年11月25日 14:32
  • 1373

WebRTC学习笔记

1.     WebRTC学习 1.1   WebRTC现状 本人最早接触WebRTC是在2011年底,那时Google已经在Android源码中加入了webrtc源码,放在/external/web...
  • liaowenfeng
  • liaowenfeng
  • 2014年01月17日 15:05
  • 13252

WEBRTC开发入门

WEBRTC “WebRTC,名称源自网页实时通信(Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的技术,是谷歌2010年以682...
  • xiejiashu
  • xiejiashu
  • 2014年09月26日 16:34
  • 5462
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:webrtc 实时育音视频对话技术
举报原因:
原因补充:

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