概述
本文档指导如何在 Nginx 服务器上部署私有 Web 播放器（基于 hancplayer），并通过 WebSocket 协议接入 RTMS 流媒体服务器，实现低延迟视频实时监控。
前置准备
- Web 服务器：Nginx (已安装并运行)
- 流媒体服务：RTMS 服务器 (已运行，端口
5555) - 前端文件：
index.html(播放页面)hancplayer.js(播放器主逻辑)hancmedia.js(媒体处理模块)hancmedia.wasm(WebAssembly 解码核心)
部署步骤
文件上传
将以下四个文件上传至 Nginx 的站点根目录（例如 /usr/share/nginx/html 或自定义目录），确保它们处于同级目录：
index.htmlhancplayer.jshancmedia.jshancmedia.wasm
关键配置：添加 WASM MIME 类型支持
⚠️ 重要：浏览器加载 .wasm 文件时，要求服务器返回正确的 Content-Type。若未配置，播放器将无法初始化解码器。
验证并重载 Nginx
# 检查配置语法
sudo nginx -t
# 重载配置使生效
sudo nginx -s reload
添加映射规则
在 types { ... } 代码块内添加以下行：
types {
# ... 其他现有配置 ...
application/wasm wasm;
}
编辑 Nginx 配置文件
打开全局 MIME 类型配置文件（通常位于 /etc/nginx/mime.types）：
sudo vim /etc/nginx/mime.types
修改 HTML 引用路径
编辑 index.html 文件，将播放器脚本的引用地址指向您的 Nginx 服务器地址。
修改前：
<script src="./hancplayer.js"></script>
修改后（示例）：
