webrtc 調用攝像頭并實時在浏覽器中顯示圖像

        WebRTC，名稱源自網頁實時通信（Web Real-Time Communication）的縮寫，是一個支援網頁浏覽器進行實時語音對話或視訊對話的技術，是谷歌2010年以6820萬美元收購Global IP Solutions公司而獲得的一項技術。2011年5月開放了工程的源代碼，在行業内得到了廣泛的支援和應用，成為下一代視訊通話的标準。有了webrtc操作攝像頭就簡單多了，不用引入任何js包，幾行代碼就可以實作了。

1.建立一個html檔案代碼如下:

核心js代碼:

      //web rtc 調用攝像頭(相容性寫法(谷歌、火狐、ie))

    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

      //調用成功會回調傳回一個stream流 video:true 表示采集視訊,audio:true 表示采集聲音,反之就都不采集。

    navigator.getUserMedia({video:true,audio:false},function(stream){

       //将采集到的視訊資訊顯示在video标簽中

    video.srcObject = stream; 

    },console.log) 

2.運作這個html檔案你就可以看到效果了。

3.總結: 有的東西看是簡單，長時間不用就忘了，有的東西想起來很複雜，其實做起來就覺得沒那麼難了，我之前也覺得用js調用攝像頭很複雜，有了這個東西，幾行代碼就搞定了。記錄下來，已備自己或他人不時之需。有時間的話,下一篇會出:java+webrtc+websocket的簡單直播demo。喜歡我的文章歡迎關注我,我們一起學習，一起成長!