使用Websockets（socket.io）在同一个房间观看相同Youtube视频的方法？答案

【问题标题】：Approach for watching same Youtube video in same room using Websockets(socket.io)?使用Websockets（socket.io）在同一个房间观看相同Youtube视频的方法？
【发布时间】：2014-07-18 07:18:33
【问题描述】：

我正在制作一个应用程序，其中房间内最多有 5 个用户，并且将观看由创建房间的用户控制的同一视频。例如， User1 来到站点并创建一个房间，现在将生成加入房间的 URL，例如 example.com/?room=xyz 现在，user2 从 url 加入房间。同样，其他用户也会加入。现在，user1 将有一个“加载视频”按钮（对其他用户不可见），它将加载 youtube 视频并将视频嵌入该房间中每个用户的 div 中。

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

【问题讨论】：

看看这个演示 demo.crossbar.io/videocontrol 以协调不同的浏览器选项卡。这里的视频是远程控制的（我想，这对于您的实现来说是一个很好的附加功能），而不是远程选择，但是调整它应该很容易。有关演示的说明，请参阅tavendo.com/blog/post/…

标签： javascript websocket socket.io

【解决方案1】：

这里有一个tutorial关于如何创建一个自定义的youtube视频播放器，你可以将它与socket.io结合起来，建立女巫控制就会出现。使用：

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

使用“socket.emit”和“socket.on”并传递用户拥有的权限类型，让播放器适应当前用户的权限（基本上是添加或删除CSS类或更改播放器属性） .

【讨论】：