使用Websockets(socket.io)在同一个房间观看同一个Youtube视频的方法?

时间:2014-07-17 20:35:14

标签: javascript websocket socket.io

我正在制作一个应用程序,其中房间中最多有5个用户,并且将观看由创建房间的用户控制的相同视频。 例如, User1来到网站并创建一个房间,现在将生成url以加入房间,例如example.com/?room=xyz 现在,user2从url加入房间。同样,其他用户也会加入。 现在,user1将有一个按钮"加载视频"(对其他用户不可见),它将加载YouTube视频并将视频嵌入此房间中每个用户的div中。

我如何实现这一目标?请帮忙

1 个答案:

答案 0 :(得分:1)

以下是关于如何创建自定义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类或更改播放器属性)。