小朋友的視頻直播

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

相關文章
相關標籤/搜索