memos
Filter:
4 hours ago@shane

搭配使用Alist和VideoTogether

#留存


本文的目的在于有些想要同时使用Alist和VideoTogether的用户。教程主要面向使用体验,所以也只是面向一些相对小白的一些用户。当然前提是最好已经使用过Alist和VideoTogether。


为什么用Alist和VideoToghther

主要原因是ViedeoTogether虽然可以支持大多数的视频网站,但是无奈于各大视频网站其实体验并不好。正版网站之流基本都需要会员,而盗版网站经常遇到加载失败且非常不稳定。所以使用一个“自己管理的视频网站”来进行同步就很有必要了。所以使用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'

3.docker-compose文件写好后用下面的命令启动。有的国内运营的VPS,可能需要注意一下端口的开放情况。可能需要放行规则或者关闭防火墙。

docker-compose up -d

4.这里就会启动容器,可以通过下面的命令查看。

docker ps

5.通过以下的命令来查看admin密码。

docker exec -it alist ./alist admin

6.接下来就可以通过 IP:5244 的方式来进行访问了。如果没有问题,就可以通过admin和上面的密码登录到后台了。


添加VideoTogether到网站中。

根据VideoTogether的文档

只需要一条script就可以添加。

<script src="https://fastly.jsdelivr.net/gh/VideoTogether/VideoTogether@latest/release/extension.website.user.js"></script>

1.进入Alist后台,找到全局设置。


2.VideoToghther的script到自定义头部中。


3.保存好后回到主页就可看见右下角的VideoTogether按钮。


这里其实有个槽点在于Alist的工具栏和VideoToghther其实相互挡住了按钮。所以这里我们可以再添加一个自定义头部来修改Alist按钮的位置。

<script>
document.addEventListener("DOMContentLoaded", () => {
  const seAList = document.createElement("style");

  seAList.innerHTML = `
    .left-toolbar-box {
        left: var(--hope-space-5);
        right: auto;
    }
`;

  document.body.appendChild(seAList);
});
</script>

就会变成下图的效果。这样能改善不少。



使用上的流程

至此,你就可以在Alist上添加各式各样的存储,并使用在线功能预览视频,加上网页上自带的VideoTogether来同步观看视频了。

不过需要注意的是,预览视频很看重视频的格式。如果你的视频有多音轨或者格式不算太主流,那么很多视频都会没有声音(算是最大的一个使用上问题)。


参考信息和文中出现的所有链接

https://videotogether.github.io/zh-cn/guide/website.html

https://alist.nn.ci/zh/

https://docs.docker.com/compose/install/linux/