VideoTogether 一起看视频
和你的家人朋友一起在线看视频,无论相隔多远
支持全平台,代码开源。支持很多国内的视频网站,是一个比较新的项目,后续维护比较有保障。
支持运行在 Windows 电脑,Linux 电脑,安卓手机平板电视,苹果手机平板电脑,通过 Airplay 甚至 Apple TV 也可以被完美支持。
支持哔哩哔哩,爱奇艺,腾讯视频,Youtube 和其他一切的在线视频网站。通过浏览器播放的本地视频进度也可以被同步
通过一行代码,即可为你的视频网站添加一起看功能
搭配使用Alist和VideoTogether
现在在盗版网站上看视频经常遇到加载失败且非常不稳定的情况,使用一个“自己管理的视频网站”来进行同步就很有必要了。使用Alist来进行视频播放刚好解决了这一点。
同时Alist可以通过全局自定义头部来添加VideoTogether到网站中。这样就不用要求每个小伙伴都安装好VideoTogether插件。而通过打开链接就可以直接同步。
部署Alist
这部分主要参考Alist的官方文档。基本完全参考官方文档中的Docker方式。本文是安装到一台已经安装好docker-compose的VPS中(这部分可以参考这个链接:Install the Compose plugin )。
当然Alist也可以部署到如群晖软路由等等各种奇怪的地方,具体可以参考Alist官方文档。
下面是一个部署的过程。
**1.**通过SSH链接到VPS中
**2.**在文档中复制官方的docker-compose文件到VPS中
version: '3.3' services: alist: restart: always volumes: - '/etc/alist:/opt/alist/data' ports: - '5244:5244' environment: - PUID=0 - PGID=0 - UMASK=022 container_name: alist image: 'xhofe/alist:main'
docker-compose文件写好后用下面的命令启动。有的国内运营的VPS,可能需要注意一下端口的开放情况。可能需要放行规则或者关闭防火墙。
docker-compose up -d
这里就会启动容器,可以通过下面的命令查看。
docker ps
通过以下的命令来查看admin密码。
docker exec -it alist ./alist admin
接下来就可以通过 IP:5244 的方式来进行访问了。如果没有问题,就可以通过admin和上面的密码登录到后台了。
添加VideoTogether到网站中
根据VideoTogether的文档
只需要一条script就可以添加。
进入Alist后台,找到全局设置。
VideoToghther的script到自定义头部中。
保存好后回到主页就可看见右下角的VideoTogether按钮。
这里其实有个槽点在于Alist的工具栏和VideoToghther其实相互挡住了按钮。所以这里我们可以再添加一个自定义头部或者自定义内容来修改Alist按钮的位置。
` document.addEventListener("DOMContentLoaded", () => { const seAList = document.createElement("style");
seAList.innerHTML = .left-toolbar-box { left: var(--hope-space-5); right: auto; };
.left-toolbar-box { left: var(--hope-space-5); right: auto; }
document.body.appendChild(seAList); }); `
就会变成下图的效果。这样能改善不少。
使用上的流程
至此,你就可以在Alist上添加各式各样的存储,并使用在线功能预览视频,加上网页上自带的VideoTogether来同步观看视频了。
不过需要注意的是,预览视频很看重视频的格式。如果你的视频有多音轨或者格式不算太主流,那么很多视频都会没有声音(算是最大的一个使用上问题)。
不明觉厉,先支持一下
先点赞再收藏
直接在微信群里开启直播是不是能实现相同的功能
想法不错,一起探讨下........
感谢分享呀
Popular Ranking
Popular Events
VideoTogether 一起看视频
和你的家人朋友一起在线看视频,无论相隔多远
支持全平台,代码开源。支持很多国内的视频网站,是一个比较新的项目,后续维护比较有保障。
支持运行在 Windows 电脑,Linux 电脑,安卓手机平板电视,苹果手机平板电脑,通过 Airplay 甚至 Apple TV 也可以被完美支持。
支持哔哩哔哩,爱奇艺,腾讯视频,Youtube 和其他一切的在线视频网站。通过浏览器播放的本地视频进度也可以被同步
通过一行代码,即可为你的视频网站添加一起看功能
搭配使用Alist和VideoTogether
现在在盗版网站上看视频经常遇到加载失败且非常不稳定的情况,使用一个“自己管理的视频网站”来进行同步就很有必要了。使用Alist来进行视频播放刚好解决了这一点。
同时Alist可以通过全局自定义头部来添加VideoTogether到网站中。这样就不用要求每个小伙伴都安装好VideoTogether插件。而通过打开链接就可以直接同步。
部署Alist
这部分主要参考Alist的官方文档。基本完全参考官方文档中的Docker方式。本文是安装到一台已经安装好docker-compose的VPS中(这部分可以参考这个链接:Install the Compose plugin )。
当然Alist也可以部署到如群晖软路由等等各种奇怪的地方,具体可以参考Alist官方文档。
下面是一个部署的过程。
**1.**通过SSH链接到VPS中
**2.**在文档中复制官方的docker-compose文件到VPS中
version: '3.3' services: alist: restart: always volumes: - '/etc/alist:/opt/alist/data' ports: - '5244:5244' environment: - PUID=0 - PGID=0 - UMASK=022 container_name: alist image: 'xhofe/alist:main'
docker-compose文件写好后用下面的命令启动。有的国内运营的VPS,可能需要注意一下端口的开放情况。可能需要放行规则或者关闭防火墙。
docker-compose up -d
这里就会启动容器,可以通过下面的命令查看。
docker ps
通过以下的命令来查看admin密码。
docker exec -it alist ./alist admin
接下来就可以通过 IP:5244 的方式来进行访问了。如果没有问题,就可以通过admin和上面的密码登录到后台了。
添加VideoTogether到网站中
根据VideoTogether的文档
只需要一条script就可以添加。
进入Alist后台,找到全局设置。
VideoToghther的script到自定义头部中。
保存好后回到主页就可看见右下角的VideoTogether按钮。
这里其实有个槽点在于Alist的工具栏和VideoToghther其实相互挡住了按钮。所以这里我们可以再添加一个自定义头部或者自定义内容来修改Alist按钮的位置。
`
document.addEventListener("DOMContentLoaded", () => {
const seAList = document.createElement("style");
seAList.innerHTML =
.left-toolbar-box { left: var(--hope-space-5); right: auto; }
;document.body.appendChild(seAList);
});
`
就会变成下图的效果。这样能改善不少。
使用上的流程
至此,你就可以在Alist上添加各式各样的存储,并使用在线功能预览视频,加上网页上自带的VideoTogether来同步观看视频了。
不过需要注意的是,预览视频很看重视频的格式。如果你的视频有多音轨或者格式不算太主流,那么很多视频都会没有声音(算是最大的一个使用上问题)。