【H5】视频播放

HLS（ HTTP Live Streaming）苹果公司提出的流媒体协议，直接把流媒体切片成一段段，信息保存到m3u列表文件中， 可以将不同速率的版本切成相应的片；播放器可以直接使用http协议请求流数据,可以在不同速率的版本间自由切换，实现无缝播放；省去使用其他协议的烦恼。缺点是延迟大小受切片大小影响，不适合直播，适合视频点播。

RTSP（Real-Time Stream Protocol）由Real Networks 和Netscape共同提出的，基于文本的多媒体播放控制协议. RTSP定义流格式，流数据经由RTP传输；RTSP实时效果非常好，适合视频聊天，视频监控等方向。

RTMP（Real Time Message Protocol） 有 Adobe 公司提出，用来解决多媒体数据传输流的多路复用（Multiplexing）和分包（packetizing）的问题， 优势在于低延迟，稳定性高，支持所有摄像头格式，浏览器加载 flash插件就可以直接播放。

---

• RTSP视频流显示(海康威视)

• HTTP-FLV直播初探

• videojs-contrib-hls

• video.js支持m3u8格式直播

• vlc+flv.js 摄像头 H5 直播

• Win10环境：使用VLC搭建RTSP服务器

• web无插件播放RTSP摄像机方案，拒绝插件，拥抱H5！

• 使用bilibili开源的flvjs实现摄像头rtsp视频直播

• 使用flv.js播放流媒体 rtmp/rtsp

• ffmpeg推流与播放

• 实时视频解决方案 RTSP转RTMP，并转发FLV格式流

• 无插件web直播解决方案，ffmpeg+nginx-http-flv-module+flv.js

• ffmpeg 直播推流到H5 全纪录

• ffmpeg 文件推流 rtsp和rtmp

• HTML5播放视频，并使用ffmpeg对视频转编码

---

rtmp协议格式：
rtmp://127.0.0.1:1935/myapp/123
rtmp://192.168.198.224:1935/live/rtsp_test

http协议格式：
http://127.0.0.1:9000/live?port=1935&app=myapp&stream=123
http://192.168.198.224:8080/live?port=1935&app=live&stream=rtsp_test

---

npm install express express-ws fluent-ffmpeg websocket-stream -S -D

npm install node-media-server --save

npm install flv.js -S -D

---

ffmpeg -re -i 51World.mp4 -vcodec libx264 -acodec aac -f flv rtmp://192.168.198.224:1935/live/flv_test

ffmpeg -i "rtsp://192.168.198.224:8554/video/camera" -c copy -f hls -hls_time 2.0 -hls_list_size 1 -hls_wrap 15 E:/3000_AIoT/nginx-rtmp-flv/html/hls/test.m3u8

ffmpeg -re -i 51World.mp4 -c copy -f flv rtmp://192.168.198.224:1935/live/flv_test

---