小朋友的视频直播

时间 2019-12-05

标签小朋友视频直播繁體版

原文原文链接

WebRTCjavascript

关于WebRTC是否能够用来实现大范围的直播众说纷纭。有大神表示大于8人就出现高CPU低稳定性，也有牛人表示在生产环境都已经使用几年了。做为小朋友，听谁的都不如本身实践一番。html

1、Chrome做为客户端的Demo
2、发送Chrome的数据至媒体服务器，
3、订阅媒体服务器java

第一爪 Chrome做为客户端的Demo

嵌入了 video标签的HTML页面，里面用到了 adapter.js，用于兼容不一样浏览器读取外部设备的方法python

代码参考至adapter.js 的demo，进行了一些信息的去除浏览器

hello.html服务器

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Doge</title>
<body>
<video id="video"></video>
<script type="application/javascript" src="adapter-latest.js"></script>
<script type="application/javascript" src="hello.js"></script>
</body>
</html>

hello.jsapp

'use strict';

var video = document.querySelector('video');
var constraints = window.constraints = {
  audio: false,
  video: true
};

navigator.mediaDevices.getUserMedia(constraints)
.then(function(stream) {
  var videoTracks = stream.getVideoTracks();
  window.stream = stream;
  video.srcObject = stream;
})
.catch(function(error) {

});

将这两个文件存放在本身的Workspace目录里，而后启动一个简单的HTTP服务器ide

python -m SimpleHTTPServer 8080

在浏览器访问 127.0.0.1:8080/hello.html，就能够看到摄像头取到的视频了。哈哈，待会儿进行第二爪spa