webRTC
从购买服务器开始一直到Android端对端视频,端对端文本聊天的实现,和遇到的一些问题解决过程
晓果博客
You’ll never realize how strong you are until you have no other choice but to be strong<br>你永远都不会知道自己到底有多坚强,直到有一天你除了坚强别无选择。
展开
-
android io.socket如何拦截所有监听事件实现和服务器端anything一样的事件
重写OkHttpClient class MyOkHttpClient extends OkHttpClient { @Override public WebSocket newWebSocket(Request request, final WebSocketListener listener) { WebSocketListen...原创 2020-03-25 10:00:03 · 1677 阅读 · 0 评论 -
webRTC(二十四):web远程多台android的实现
效果信令服务器'use strict'var http = require('http');var https = require('https');var fs = require('fs');var express= require('express');var serveIndex=require('serve-index');//处理一对一通信(3)...原创 2020-05-12 14:11:37 · 2632 阅读 · 2 评论 -
webRTC(二十三):web远程android&android远程android的实现
效果web端远程android端远程信令服务器'use strict'var http = require('http');var https = require('https');var fs = require('fs');var express= require('express');var serveIndex=require('serve-index'...原创 2020-05-12 14:11:24 · 2776 阅读 · 5 评论 -
webRTC(二十二):android 录屏保存
在录屏基础上使用MediaMuxer将录屏保存为视频,详细代码如下:import androidx.annotation.Nullable;import androidx.appcompat.app.AppCompatActivity;import android.content.Intent;import android.hardware.display.DisplayManager...原创 2020-03-03 22:58:36 · 1373 阅读 · 0 评论 -
webRTC(二十一):android 录屏功能
效果录屏和截屏的思路基本一致,请看详细代码布局<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"...原创 2020-03-03 22:58:21 · 2081 阅读 · 0 评论 -
webRTC(二十):android 截屏功能
效果详细内容主要使用MediaProjectionManager和MediaProjection创建保存截图信息的surfacemImageReader = ImageReader.newInstance(UIUtils.getScreenWidth(this), UIUtils.getScreenHeight(this), ...原创 2020-03-03 22:58:03 · 1225 阅读 · 1 评论 -
webRTC(十九):webrtc 实现web+android 端对端的纯文本聊天互通
服务器的实现请查看:https://huangxiaoguo.blog.csdn.net/article/details/104226077原创 2020-03-03 22:57:30 · 1951 阅读 · 0 评论 -
webRTC(十八):webrtc 实现web端对端的纯文本聊天互通
效果端对端的纯文本聊天互通,是在webRTC(十四):webrtc 端到端文本聊天基础上,将音视频信息去除以后得到的结果。具体代码如下html<html> <head> <title>WebRTC PeerConnection</title> <style> .preview{ display: ...原创 2020-03-03 22:57:05 · 1749 阅读 · 0 评论 -
webRTC(十七):webrtc 实现android端对端的视频➕聊天互通
webrtc 实现android端对端的视频➕聊天互通的实现是在webRTC(十六):webrtc 实现android端对端的视频互通 基础上进行的,基本配置请先阅读端对端的视频互通效果在创建通道连接createPeerConnection时创建DataChannel/* DataChannel.Init 可配参数说明: ordere...原创 2020-03-03 22:56:35 · 2302 阅读 · 0 评论 -
webRTC(十六):webrtc 实现android端对端的视频互通
效果服务器的实现[请查看:https://huangxiaoguo.blog.csdn.net/article/details/104226077](https://huangxiaoguo.blog.csdn.net/article/details/104226077)web端实现[请查看:https://huangxiaoguo.blog.csdn.net/article/deta...原创 2020-05-12 14:09:11 · 4068 阅读 · 5 评论 -
webRTC(十五):webrtc 文件实时传输
选择文件function handleFileInputChange() { var file = fileInput.files[0]; if (!file) { console.log('No file chosen'); } else { fileName = file.name; fileSize = file.size; fileType = file.typ...原创 2020-03-03 22:55:44 · 3192 阅读 · 4 评论 -
webRTC(十四):webrtc 端到端文本聊天
文本传输主要使用的是createDataChannel的api实现创建 createDataChannelsocket.on('otherjoin',(roomid,id)=>{ ... var dataChannelOptions = { ordered: true, //保证到达顺序 }; //文本聊天 dc=pc.createDataCh...原创 2020-03-03 22:55:24 · 2245 阅读 · 0 评论 -
webRTC(十三):webrtc 统计信息
设置布局<div class="bitrate"> <div class="graph-container" id="bitrateGraph"> <div>Bitrate</div> <canvas id="bitrateCanvas"></canvas> </div>...原创 2020-03-03 22:55:03 · 1499 阅读 · 0 评论 -
webRTC(十二):webrtc 传输速率控制
设置传输速率的值 <div> <label>BandWidth:</label> <select id="bandwidth" disabled> <option value="unlimited" selected>unlimited</option> <option va...原创 2020-03-03 22:54:45 · 1807 阅读 · 0 评论 -
webRTC(十一):webrtc 实时共享桌面
实时共享桌面和端对端视频其实实现原理基本一直,将getUserMedia替换成getDisplayMediafunction start(){ if (!navigator.mediaDevices|| !navigator.mediaDevices.getDisplayMedia) { console.log("getDisplayMedia is not sup...原创 2020-03-03 22:54:12 · 9523 阅读 · 4 评论 -
webRTC(十):webrtc 实现web端对端视频
采集本地视频function start(){ if (!navigator.mediaDevices|| !navigator.mediaDevices.getUserMedia) { console.log("getUserMedia is not supported!") return; } else { //1 ===========...原创 2020-03-03 22:53:47 · 4048 阅读 · 7 评论 -
webRTC(八):查看offer/answer 的 SDP
创建媒体function getStream(){ var constraints = { audio:true, video:true } navigator.mediaDevices.getUserMedia(constraints) .then(getMediaStream) .catch(handError); }...原创 2020-03-03 22:53:25 · 2800 阅读 · 0 评论 -
webRTC(七):webrtc本机内的1:1音视频互通&获取 offer/answer 创建的 SDP
本机内的1:1音视频互通获取媒体信息function start(){ if (!navigator.mediaDevices|| !navigator.mediaDevices.getUserMedia) { console.error('the getUserMedia is not supported!'); return; } else { var cons...原创 2020-03-03 22:53:04 · 1613 阅读 · 0 评论 -
webRTC(六):webrtc信令服务器实现
信令服务器实现引入socketIo和log4js//命令服务器var socketIo =require('socket.io');var log4js = require('log4js');安装 socketIo和日志log4js插件/home/huangxiaoguo/RTCWorkSpace/samples/webserver npm install socket....原创 2020-03-03 22:52:43 · 3398 阅读 · 1 评论 -
webRTC(五):webrtc只采集音频文件
function gotMediaStream(stream){ audioplayer.srcObject=stream; return navigator.mediaDevices.enumerateDevices();}只采集音频就不需要使用video标签,使用audio即可,并把数据流传给audio即可<html> <head> <ti...原创 2020-03-03 22:52:27 · 1696 阅读 · 0 评论 -
webRTC(三):Webrtc获取视频设备
页面<html> <head> <title>WebRtc get audio and video devices</title> </head> <body> <div> <label>audio input device:</label> <...原创 2020-03-03 22:52:02 · 1681 阅读 · 0 评论 -
webRTC(四):Webrtc音视频数据采集&录制&采集屏面数据
WebRTC音视频数据采集 var constraints={ video: true, audio: true, } navigator.mediaDevices.getUserMedia(constraints) .then(gotMediaStream) .then(gotDevices) .catch...原创 2020-03-03 22:51:05 · 4979 阅读 · 1 评论 -
webRTC(二):Nodejs搭建服务器
一、搭建http服务器'use strict'var http =require('http');var app=http.createServer(function(req,res){ res.writeHead(200,{'Content-Type':'text/plain'}); res.end('Http:Hello World\n');}).listen(8081...原创 2020-03-03 22:49:17 · 2983 阅读 · 0 评论 -
webRTC(一):Nodejs环境搭建
关于webrtc ,这里直接从服务器的搭建开始记录,至于wenrtc是干嘛的有什么用,可以自行百度,这里记录的是如何使用和快速搭建的案例,方便自己,也方便他人快速实现端对端通信案例。购买服务器学习webRTC最好自备一台云服务器,我这里使用的是阿里云的ECS服务器,选择最便宜的一款,89元一年购买服务器地址:https://www.aliyun.com/daily-act/ecs/a...原创 2020-03-03 22:48:54 · 4249 阅读 · 2 评论 -
webRTC(九):STUN_TURN服务器搭建
下载coturn原创 2020-03-03 22:47:53 · 2137 阅读 · 1 评论