本文的目的在於有些想要同時使用 Alist 和 VideoTogether 的使用者。教程主要面向使用體驗，所以本文相對的是一個更面向新手的教程。當然前提最好是已經使用過 Alist 和 VideoTogether 的使用者。
示例體驗地址 https://libilibi.eu.org/
為什麼用 Alist 和 VideoTogether#
主要原因是 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'
docker-compose 文件寫好後用下面的命令啟動。有的國內運營的 VPS，可能需要注意一下端口的開放情況。可能需要放行規則或者關閉防火牆。
copydocker-compose up -d
4. 這裡就會啟動容器，可以通過下面的命令查看。
copydocker ps
5. 通過以下的命令來查看 admin 密碼。
copydocker exec -it alist ./alist admin
6. 接下來就可以通過 IP:5244 的方式來進行訪問了。如果沒有問題，就可以通過 admin 和上面的密碼登錄到後台了。
添加 VideoTogether 到網站中#
根據 VideoTogether 的文檔
只需要一條 script 就可以添加。
copy<script src="https://2gether.video/release/extension.website.user.js"></script>
1. 進入 Alist 後台，找到全局設置。
2.VideoToghther 的 script 到自定義頭部中。
3. 保存好後回到主頁就可看見右下角的 VideoTogether 按鈕。
這裡其實有個槽點在於 Alist 的工具欄和 VideoToghther 其實相互擋住了按鈕。所以這裡我們可以再添加一個自定義頭部或者自定義內容來修改 Alist 按鈕的位置。
copy<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 來同步觀看視頻了。
不過需要注意的是，預覽視頻很看重視頻的格式。如果你的視頻有多音軌或者格式不算太主流，那麼很多視頻都會沒有聲音（算是最大的一個使用上問題）。