使用alist 让旧平板变成老人可用的傻瓜式视频播放器之 webapp

ipad4 古董，多数app已经无法运行，很多网站浏览器也已经打不开。 infuse 旧版可以安装，但是不支持webdav，但是可以通过 smb的方式访问alist的内容。只是infuse 虽然足够简单易用，但是依旧不适合家中老人使用，操作还是有一点繁琐。考虑到简单使用方案，一切皆home键解决。
另外老人喜欢看电视剧多数为国语老电视剧，这些资源在网络上非常容易找到。但是有一些资源，ipad4并无法直接播放，需要转码，或者压缩。
这样一来工作量就复杂了很多。
经过测试以后，发现阿里云盘网页版的播放器可以自己转码并兼容旧设备（但是ipad4 已经打不开阿里云盘的网页），而alist恰恰又内置了这个播放器。
所以这个ipad上访问的视频直接从alist的阿里网盘来，而不通过nas

反复几次花了几个小时尝试各种app和方案后，最后决定 alist webapp + 阿里云盘来实现。并用javescript+css 修改alist web界面，在ipad上创建 webapp 快捷方式的方法来。

# 搭建alist 并挂载阿里云盘

过程略。这里单独创建一个alist账号，用户名为 ipad，给ipad4 用。
另外因为近期阿里云盘的接口不稳定，我的大容量账号经常性超限，单独注册2个小账号。从我自己的账号里面用分享转存的方式把视频转存过去。
alist 内 ma 这个账号的首页文件夹指向对应的账号。
排序注意选择文件名正序

# ipad4 配置

Safari打开alist网页端，勾选记住用户名密码（必须勾选）登录，然后点分享创建桌面快捷方式

# alist后台配置

设置全局，自定义内容位置输入

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
if (window.localStorage.getItem("username") == "ipad"){ //检查记住的用户名
window.localStorage.setItem("layout","grid"); // 显示方式强制grid
document.writeln("<style>.footer{display:none;}"); //隐藏底部
document.writeln(".header-right{ position: absolute;  right: 20px;  top: 45px;}"); //保留 右侧小按钮
document.writeln(".header{margin-top: -45px;}"); //移走顶部logo
document.writeln("#video-player{height:600px}"); //播放器高度
document.writeln("button.hope-select__trigger{display:none;}"); //播放器选择高度
document.writeln(".left-toolbar-box{display:none;}"); //隐藏右下角小按钮防止遮挡全屏按钮
document.writeln(".hope-ui-light {--hope-colors-background: #000}"); //全局背景色
document.writeln(".nav-link {color: #CCC;}.nav-separator {color: #CCC;}"); //导航条字体颜色
document.writeln(".obj-box{background-color: #757575;}"); //主要容器背景色
document.writeln("</style>"); 
var intervalID = window.setInterval(function() {
	var video=document.querySelector('video');
	if (video!=null){
		video.removeAttribute('playsinline'); //移除 嵌套播放 自动全屏 貌似没用
	}
},500)
window.setTimeout('window.clearInterval(intervalID)',10000);
}
</script>
<center><a href="http://10.1.1.23:8824/">切换账号<a></center>

基于alist v3.16.0 这部分代码比较简单主要是去掉一些老人用不到的按钮，修改播放器大小等，不用多解释。颜色改黑色心理安慰防烧屏。老人不太明白全屏按钮
http://10.1.1.23:8824/ 是后端一个自己写的 golang 的webhook，用于轮流启动和关闭两个挂载不同阿里云盘账号的alist ，因为阿里云盘的接口限制还是玄学状态，这部分代码还在测试

# 最终效果

不上图了。操作虽然繁琐，但是逻辑简单看完一集按home键，然后桌面打开alist图标，点文件夹第几个就可以。 alist支持阿里云盘的视频封面，老人很容易记住自己看的第几集
误操作直接按home ，重新来过。alist 可以记录播放时间，还是挺方便。

# 存在的问题

没法自动播放下一集，这个还好影响不大阿里网盘可能会掉挂载，这个暂时没办法。