2012-11-28 152 views
27

我們正在探索WebRTC,但是看到了關於今天可能和支持的內容的衝突信息。與WebRTC共享屏幕?

支持WebRTC,是否有可能重現類似join.me屏幕分享服務或WebEx的地方:

  • 可以共享屏幕的一部分
  • 您可以向對方給控制
  • 沒有下載是必要的

這是今天可能有任何的WebRTC的瀏覽器? iOS上的Chrome如何?

+1

這是一個演示:WebRTC屏幕共享:https://webrtc-experiment.appspot.com/screen-broadcast/ - 也廣播! –

+1

部分屏幕或部分屏幕或屏幕共享區域是可能的---請參閱演示--- https://webrtc-experiment.appspot.com/#part-of-screen-sharing ---自己嘗試! ---- https://github.com/muaz-khan/WebRTC-Experiment/tree/master/part-of-screen-sharing#how-use-use-in-your-own-site ---雖然, html2canvas庫用於拍攝html元素的快照,並使用socket.io或WebRTC數據通道傳輸它們。 –

回答

6

據我所知,目前無法使用任何瀏覽器,儘管Google Chrome團隊表示他們最終打算支持此方案(請參閱roadmap上的「Screensharing」項目符號點);我懷疑這意味着最終其他瀏覽器會跟隨,大概是IE和Safari提出了尾巴。但所有這些都可能在二月份的某個時候出現,那時他們應該完成當前的WebRTC標準併發布產品。 (希望微軟在作品中最後一分鐘的扳手不會搞砸了。)最近我可能錯過了一些東西,但我一直非常仔細地關注這個項目,而且我認爲屏幕分享甚至沒有做到這一點進入Chrome Canary,更不用說dev/beta/prod了。 Opera是唯一一款在其WebRTC實施中與Chrome保持同步的瀏覽器(FireFox似乎落後了大約六個月),而且我還沒有看到該團隊的任何內容或者屏幕共享。

有人告訴我,有是現在就做的一種方式,這是寫自己的網絡攝像頭的驅動程序,讓您的本地屏幕上出現了的WebRTC getUserMedia()API只是另一種視頻源。我不知道有人這樣做 - 當然,這需要在相關機器上安裝驅動程序。在所有的說法和完成的時候,使用VNC或者沿着這些線可能會更容易些。

19

chrome.tabCapture API適用於Chrome應用和擴展程序。

這使得可以將標籤的可見區域捕獲爲可以在本地使用或通過RTCPeerConnection的addStream()共享的流。請參閱WebRTC Tab Content Capture proposal

屏幕共享初始支持使用帶有chromeMediaSource約束的getUserMedia的'普通'網頁 - 但這已被禁止。

編輯2015年4月1日:現在編輯屏幕分享只在Chrome應用和擴展程序中受Chrome支持。

+0

非常有趣 - 我錯過了。在看它的時候,把它看作是一個單獨的API似乎很奇怪 - 不應該只是大型桌面共享API的一部分嗎?在該API中,您應該能夠選擇特定區域或特定窗口或整個桌面進行共享 - 並且選擇特定選項卡應該只是其中的一部分。這只是一個建立到全屏共享API的臨時實驗嗎?還是它本身就是一個目標? –

+2

這應該更新,因爲它沒有提到在Chrome中默認禁用屏幕共享,除非您在啓動Chrome時在命令行上傳遞「--enable-usermedia-screen-capture」。 – Aki

+0

謝謝@Aki - 編輯。 –

8

你們可能知道screencapture(不是tabCapture)在Chrome Canary(26+)中是可用的,我們剛剛發佈了一個演示; https://screensharing.azurewebsites.net

請注意,您需要在HTTPS下運行它://,

video: { 
    mandatory: { 
    chromeMediaSource: 'screen' 
    } 

你也可以在這裏找到一個例子; https://html5-demos.appspot.com/static/getusermedia/screenshare.html

+0

您好dathor,僅供參考,在azurewebsites演示捕獲屏幕,但不會傳輸到另一個端點。它只顯示主頁。不過,官方的HTML5 Demo效果很好。 +1! – jmort253

+0

嗨,是的,有一個新的演示,你可以找到http://joinaspot.com,請確保你運行在https://上下文 – dathor

+0

我超級累,所以我可能錯過了它,但我沒有看到屏幕共享功能?儘管很酷的演示。讓我想起https://bistri.com/ – jmort253

6

我知道我回答遲了一點,但希望它能幫助那些偶然發現頁面,如果不是OP。

目前,Firefox和Chrome瀏覽器都支持與同行通過WebRTC共享整個屏幕或其中一部分(您可以選擇某個應用程序窗口)作爲媒體流,就像您的相機/麥克風Feed一樣,因此無法讓其選擇其他方掌握你的桌面呢。除此之外,還有一個問題,你的網站必須在https模式下運行,並且Firefox和Chrome都需要安裝擴展。

您可以試試這個Muaz Khan的Screen-sharing Demo,該頁面還包含必需的擴展名。

P. S:如果你不想安裝擴展運行演示,在Firefox(沒有辦法逃避在Chrome擴展),你只需要修改兩個標誌,

  • about:config
  • set media.getusermedia.screensharing.enabled as true
  • add *.webrtc-experiment.com to media.getusermedia.screensharing.allowed_domains flag。
  • 刷新演示頁面並點擊共享屏幕按鈕。
+0

此屏幕共享演示不再適用,因爲Chrome中的屏幕共享選項不再存在了。 –

+0

現在,無需在firefox中配置about:config。屏幕共享在當前版本的Firefox中默認工作。 – CpnCrunch