WebRTCjavascript
關於WebRTC是否能夠用來實現大範圍的直播衆說紛紜。有大神表示大於8人就出現高CPU低穩定性,也有牛人表示在生產環境都已經使用幾年了。做爲小朋友,聽誰的都不如本身實踐一番。html
1、Chrome做爲客戶端的Demo
2、發送Chrome的數據至媒體服務器,
3、訂閱媒體服務器java
嵌入了 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