? ? ? ? WebRTC俏橘,名稱源自網(wǎng)頁實(shí)時通信(Web Real-Time Communication)的縮寫,是一個支持網(wǎng)頁瀏覽器進(jìn)行實(shí)時語音對話或視頻對話的技術(shù)枕稀,是谷歌2010年以6820萬美元收購Global IP Solutions公司而獲得的一項(xiàng)技術(shù)汹粤。2011年5月開放了工程的源代碼,在行業(yè)內(nèi)得到了廣泛的支持和應(yīng)用莽红,成為下一代視頻通話的標(biāo)準(zhǔn)。有了webrtc操作攝像頭就簡單多了邦邦,不用引入任何js包安吁,幾行代碼就可以實(shí)現(xiàn)了。
1.創(chuàng)建一個html文件代碼如下:
核心js代碼:
? ? ? //web rtc 調(diào)用攝像頭(兼容性寫法(谷歌燃辖、火狐鬼店、ie))
? ? navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
? ? ? //調(diào)用成功會回調(diào)返回一個stream流 video:true 表示采集視頻,audio:true 表示采集聲音,反之就都不采集。
? ? navigator.getUserMedia({video:true,audio:false},function(stream){
? ? ? ?//將采集到的視頻信息顯示在video標(biāo)簽中
? ? video.srcObject = stream;?
? ? },console.log)?
2.運(yùn)行這個html文件你就可以看到效果了黔龟。
3.總結(jié): 有的東西看是簡單妇智,長時間不用就忘了,有的東西想起來很復(fù)雜氏身,其實(shí)做起來就覺得沒那么難了巍棱,我之前也覺得用js調(diào)用攝像頭很復(fù)雜,有了這個東西蛋欣,幾行代碼就搞定了航徙。記錄下來,已備自己或他人不時之需陷虎。有時間的話,下一篇會出:java+webrtc+websocket的簡單直播demo到踏。喜歡我的文章歡迎關(guān)注我??,我們一起學(xué)習(xí),一起成長!