开启梦幻般的webrtc之旅

最新推荐文章于 2023-11-12 00:02:07 发布
最新推荐文章于 2023-11-12 00:02:07 发布
阅读量205 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bu2543567472/article/details/70888715
版权
直接上demo
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <title>学习webrtc</title>  
  6.     </head>  
  7.     <body>  
  8.         <video autoplay></video>  
  9.         <script src="main.js"></script>  
  10.     </body>  
  11. </html>  
  12.       

新建main.js
  1. function hasUserMedia(){//判断是否支持调用设备api，因为浏览器不同所以判断方式不同哦  
  2.     return !!(navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);  
  3. }  
  4. if(hasUserMedia()){  
  5.     //alert("浏览器支持")  
  6.     navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;  
  7.     navigator.getUserMedia({  
  8.         video:true,//开启视频  
  9.         audio:false//先关闭音频，因为会有回响，以后两台电脑通信不会有响声  
  10.     },function(stream){//将视频流交给video  
  11.         var video=document.querySelector("video");  
  12.         video.src=window.URL.createObjectURL(stream);     
  13.     },function(err){  
  14.         console.log("capturing",err)  
  15.     });  
  16. }else{  
  17.     alert("浏览器暂不支持")  
  18. }  

怎么样，有了html5中的webrtc是不是感觉很简单的就可以调用视频和音频设备了



bchz521
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue+node(socket.io)+webRTC一对一视频通讯demo
12-30
webRTC一对一视频通讯测试完整demo,包括webRTC基本api测试demo(音视频录制，屏幕共享，截图)，后台采用socket.io作为信令服务器，开发语言为node,前台框架使用vue
php教程之webrtc+swoole实战视频直播项目
04-12
注意此课程只是实现了web端的视频通话实现技术:webrtc+swoole/websocket下面是实现的效果图
Web RTC demo
临江之阁
08-29 1177
废话不多说，直接上demo [html] view plain copy   >   html>       head>           meta charset="utf-8">           title>学习webrtctitle>       head>       body>           video auto
Webrtc从理论到实践六： Webrtc官方demo运行
qq_39304481的博客
08-25 1630
webrtc官方demo如何运行以及运行中会遇到的问题以及解决方法
网页版WebRTC多人聊天Demo
热门推荐
华的专栏
06-18 1万+
网页版WebRTC多人聊天Demo本文基于Codelab中step7，在其基础上作简单修改，使其支持多人视频通讯，本文暂时只支持星状结构三人聊天，多人聊天可以在基础上扩展，原理相同。一.源码分析该工程包括三个文件：server.js，main.js，index.html。1.server.jsif (numClients == 0){ socket.join(room); ...
webrtc之simulcast的sdp信息实例
12-03
众所周知，webrtc启用simulcast是通过修改sdp信息实现的，这里提供一个具体的sdp实例。
WebRTCDemo:一些WebRTC示例
05-02
WebRTCDemo 一些WebRTC示例 演示版 UserMedia-简单的应用程序，可从设备捕获声音和视频 npm install static in browser : localhost:8080/media.html PhotoBooth-小型应用程序，可捕获视频流中的镜头 npm install ...
WebRTC学习之三：录音和播放
11-28
使用WebRTC C++实现的录音与播放功能，界面用的Qt。
webrtc-streamer
04-18
vue2、vue3播放rtsp视频流
webrtc-demo:webrtc 演示示例
05-26
webrtc-demowebrtc 演示示例，在线，项目更多介绍可在公众号中查看使用说明生成tls证书mkdir tlscd tlsopenssl genrsa -des3 -passout pass:x -out server.pass.key 2048# writing RSA keyopenssl rsa -passin pass:...
WebRtc研究二(WebRtcDemo的使用)
BIGBurning
10-15 4589
WebRtcDemo的运行效果：1：如果要拨打另一台终端的话再SETTING里面配置好对方的IP地址。然后回到MAIN点击StartCall2: 对面也要设置我的IP，然后也要去MAIN里面点击StartCall这个应该是通过点对点进行连接的。同时支持音频和视频。支持本地显示。该工程的源码的位置是：webrtc/src/webrtc/examples/android/media_demo
Webrtc从理论到实践八： 官方demo源码走读（peerconnection_client）（上）
qq_39304481的博客
09-07 1363
webrtc peerconnection_client通信流程上篇，讲述了关于界面切换，登录服务器等操作流程
WebRTC简介
前端御书房
11-16 3647
WebRTC（Web Real-Time Communication）（网页实时通信）是一个谷歌开源项目，它提供了一套标准API，使Web应用可以直接提供实时音视频通信功能，不再需要借助任何插件。
webRTC入门示例demo
分享音视频技术
05-22 5636
本文主要阐述如何运行webRTC的官方入门示例demo，并简单搭建本地局域网服务器用于测试，可以使得两个手机端可以进行视频通话，感受webRTC的核心功能。
WebRTC简介及使用
最新发布
明天你好的博客
11-12 7325
WebRTC 只是一个媒体引擎，上面有一个 JavaScript API，所以每个人都知道如何使用它（尽管浏览器实现仍然各不相同），本文对 WebRTC（网页实时通信）的相关内容进行简要介绍。WebRTC，名称源自网页实时通信（Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音通话或视频聊天的技术，是谷歌 2010 年以 6820 万美元收购 Global IP Solutions 公司而获得的一项技术。WebRTC 提供了实时音视频的核心技术。
WebRtc随记，附demo
zdsji的博客
03-08 627
webrtc
WebRTC 基础
好记性不如写博客！
06-22 5556
WEBRTC 基础知识
webrtc基本流程与使用
mabc1234的博客
05-31 3840
WebRTC（Web Real-Time Communication）是 Google于2010以6829万美元从 Global IP Solutions 公司购买，并于2011年将其开源，旨在建立一个互联网浏览器间的实时通信的平台，让 WebRTC技术成为 H5标准之一。感兴趣的小伙伴可以看官网（）的介绍。WebRTC是一个免费的开放项目，它通过简单的API为浏览器和移动应用程序提供实时通信（RTC）功能。并不受限于传统互联网应用或浏览器的终端运行环境。
WebRTC → 传输技术解析
小陈的博客
01-29 2562
SCTP(Stream Control Transmission Protocol)流控制传输协议，STCP依赖DTLS建立的加密信道，对于自定义应用数据的发送，流程如下通信双方：通过DTLS握手，协商生成一对密钥数据发送方：将自定义应用数据，通过密钥进行加密，生成SCTP包数据发送方：通过UDP传输SCTP包RTP(Real-time Transport Protocol，实时传输协议)，通过IP网络实时传输音频和视频。RTP常用于流媒体服务的通信系统，如电话会议、视频会议、电话服务等；
webrtc之beamforming算法
04-20
Beamforming算法是利用多个麦克风或扬声器来控制声波在空间中的分布，从而实现对声源或收音者的定向性放大或抑制作用的算法。在WebRTC中，beamforming算法通常用于语音通话中，以提高语音质量和降噪。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值