docker-compose 部署 h5ai
H5ai是一款功能强大 php 文件目录列表程序，由德国开发者 Lars Jung 主导开发，它提供多种文件目录列表呈现方式，支持多种主流 Web 服务器，例如 Nginx、Apache、Cherokee、Lighttpd 等，支持多国语言，可以使用本程序在线预览文本、图片、音频、视频等。
利用docker-compose安装h5ai
mkdir h5ai
cd h5ai
vim docker-compose.yml
version: '3.3'
services:
h5ai:
ports:
- '1080:80'
restart: always
volumes:
- '/mnt/local_share/h5ai:/h5ai'
- './config/dir:/config'
environment:
- TZ=Asia/Shanghai
image: awesometic/h5ai
1080：程序访问端口号
/mnt/local_share/h5ai：映射目录，即将文件存放在该路径下，即可显示
/config/dir：Nginx 以及 h5ai 程序存放路径
访问
H5ai其他功能 - 可选是否安装
安装Nux Dextop Yum 源
rpm --import http://li.nux.ro/download/nux/RPM-GPG-KEY-nux.ro
rpm -Uvh http://li.nux.ro/download/nux/dextop/el7/x86_64/nux-dextop-release-0-5.el7.nux.noarch.rpm
安装FFmpeg 和 FFmpeg开发包
yum install ffmpeg ffmpeg-devel -y
H5ai配置 - 可按需配置
/config/dir/h5ai/_h5ai/private/conf/options.json
设置默认语言。在配置文件中搜索l10n找到设置，将en改为zh-cn即可。
"l10n": {
"enabled": true,
"lang": "zh-cn",
"useBrowserLang": true
},
开启文件搜索功能。在配置文件中搜索search，将false改为true。
"search": {
"enabled": true,
"advanced": true,
"debounceTime": 300,
"ignorecase": true
},
多文件下载支援设置。
在配置文件中搜索select，将false改为true。之后你的h5ai点击文件先端的时候，并不是下载，而是选中文件，下载的按钮在左上角。如果要下载文件，可以点击文件名字依旧还是下载功能。
"select": {
"enabled": true,
"clickndrag": true,
"checkboxes": true
},
在配置文件中搜索download，将false改为true，如果需要设置打包文件的格式为zip，而不是默认的tar的话，需要将php-tar改为shell-zip。
"download": {
"enabled": true,
"type": "shell-zip",
"packageName": null,
"alwaysVisible": false
},
二维码下载
可以通过扫码的方式下载文件。在配置文件中搜索info，将false改为true，这里有2个地方要改
"info": {
"enabled": true,
"show": true,
"qrcode": true,
"qrFill": "#999",
"qrBack": "#fff"
},
Markdown用法
具体请见：https://halo.run/archives/use-markdown
自适应代码
b站通用代码
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"src="//player.bilibili.com/player.html?aid=632650247&bvid=BV1bb4y1m73h&cid=398488643&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" ></iframe>
</div>
自定义视频代码
不自动播放：
<div style="position: relative; padding: 30% 45%;">
<video style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" controls>
<source src="https://h5ai.specialstone.top:99/FINAL.mp4" type="video/mp4">
</video>
</div>
自动播放：
<div style="position: relative; padding: 30% 45%;">
<video style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" controls autoplay>
<source src="https://h5ai.specialstone.top:99/FINAL.mp4" type="video/mp4">
</video>
</div>
参考：html - 如何在iframe中禁用本地视频的自动播放
网易云音乐
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=32507038&auto=0&height=66"></iframe>
如果设置auto=1，则会自动播放
评论区