最完整JSMpeg视频编码教程：使用FFmpeg生成兼容MPEG-TS流的完整命令

最完整JSMpeg视频编码教程：使用FFmpeg生成兼容MPEG-TS流的完整命令

【免费下载链接】jsmpeg MPEG1 Video Decoder in JavaScript 项目地址: https://gitcode.com/gh_mirrors/js/jsmpeg

还在为网页视频播放的高延迟和兼容性头疼吗？JSMpeg提供了一个JavaScript实现的MPEG1视频解码方案，支持超低延迟（~50ms）流媒体传输。本文将为你揭秘如何用FFmpeg生成完美兼容的MPEG-TS流，让你的网页视频体验飞起来！

读完本文你将掌握：

• ✅ MPEG-TS流格式的核心配置要点
• ✅ 多场景FFmpeg编码命令大全
• ✅ 流媒体服务器搭建与优化技巧
• ✅ 常见坑点及解决方案

核心格式要求

JSMpeg基于src/ts.js的MPEG-TS解复用器，仅支持：

• 容器格式: MPEG-TS (.ts)
• 视频编码: MPEG1 Video (src/mpeg1.js)
• 音频编码: MP2 Audio (src/mp2.js)
• 分辨率: 宽度必须为2的倍数

基础编码命令

# 最简转换命令
ffmpeg -i input.mp4 -f mpegts -codec:v mpeg1video -codec:a mp2 out.ts

完整参数配置示例

ffmpeg -i input.mp4 -f mpegts \
    -codec:v mpeg1video -s 960x540 -b:v 1500k -r 30 -bf 0 \
    -codec:a mp2 -ar 44100 -ac 2 -b:a 128k \
    output.ts

参数解析:

• -s 960x540: 设置分辨率（宽度需为2的倍数）
• -b:v 1500k: 视频比特率1500kbps
• -r 30: 帧率30fps
• -bf 0: 禁用B帧（JSMpeg兼容性要求）
• -ar 44100: 音频采样率44.1kHz
• -ac 2: 立体声音频

实时流媒体推流

使用websocket-relay.js搭建中继服务器：

# 启动WebSocket中继
node websocket-relay.js yoursecret 8081 8082

# FFmpeg推流到中继
ffmpeg -i input.mp4 -f mpegts \
    -codec:v mpeg1video -b:v 1000k -bf 0 \
    http://localhost:8081/yoursecret

前端使用view-stream.html中的方式连接：

var player = new JSMpeg.Player('ws://localhost:8082/');

多场景编码方案

1. 高画质存档

ffmpeg -i input.mp4 -f mpegts \
    -codec:v mpeg1video -s 1280x720 -b:v 2500k -r 25 \
    -codec:a mp2 -b:a 192k -ac 2 \
    archive.ts

2. 移动端优化

ffmpeg -i input.mp4 -f mpegts \
    -codec:v mpeg1video -s 640x360 -b:v 800k -r 24 \
    -codec:a mp2 -b:a 96k -ac 1 \
    mobile.ts

3. 纯视频流

ffmpeg -i input.mp4 -f mpegts \
    -codec:v mpeg1video -b:v 1200k \
    -an \  # 禁用音频
    video_only.ts

性能优化建议

1. 比特率控制: 720p建议2Mbps以内，540p建议1.5Mbps
2. 分辨率选择: 优先使用960x540或640x360
3. 帧率设置: 25-30fps为最佳平衡点
4. 关键帧间隔: 默认设置即可，无需特别调整

常见问题解决

Q: 视频无法播放？ A: 检查分辨率宽度是否为2的倍数，确认使用了-bf 0参数

Q: 音频不同步？ A: 尝试添加-muxdelay 0.001参数减少复用延迟

Q: 直播延迟高？ A: 使用WebSocket流媒体模式，避免 progressive loading

总结

通过合理的FFmpeg参数配置，你可以轻松生成兼容JSMpeg的高质量MPEG-TS流。记住关键点：MPEG1视频编码、MP2音频编码、TS容器格式，以及适当的比特率和分辨率控制。

现在就开始你的低延迟网页视频之旅吧！如果有任何问题，欢迎查看README.md获取更多详细信息。

【免费下载链接】jsmpeg MPEG1 Video Decoder in JavaScript 项目地址: https://gitcode.com/gh_mirrors/js/jsmpeg