2014-07-17 42 views
0

我正在製作一個應用程序,其中最多有5個用戶在房間中,並將觀看由創建該房間的用戶控制的相同視頻。 例如, User1來到網站並創建一個房間,現在會生成url來加入房間,如example.com/?room=xyz 現在,user2通過url加入房間。同樣,其他用戶也會加入。 現在,user1會有一個按鈕「加載視頻」(對其他用戶不可見),該按鈕將加載YouTube視頻並將視頻嵌入此房間中每個用戶的div。使用Websockets(socket.io)在同一個房間觀看同樣的Youtube視頻的方法?

我該如何做到這一點?請幫忙

+0

看看這個演示https://demo.crossbar.io/videocontrol/爲協調不同的瀏覽器選項卡。這裏的視頻是遙控的(我猜,這對於你的實現來說是一個很好的附加功能),而不是遙控選擇,但適應這個應該很容易。有關演示的解釋,請參閱http://tavendo.com/blog/post/small-demo-of-a-pragmatic-use-of-wamp-in-python/ – gzost

+0

看起來不錯。謝謝。 – nole

回答

0

以下是關於如何創建自定義YouTube視頻播放器的tutorial,您可以將其與socket.io結合起來,以建立女巫控件。使用:

elements.control.removeClass('play replay').addClass('pause'); // In the example youTubeEmbed-jquery-1.0.js – Part 3 

使用「socket.emit」和「socket.on」和發送的用戶具有權限的類型,所以玩家適應當前用戶的權限(基本上添加或移除CSS類或更改玩家屬性)。

相關問題