web播放海康摄像头rstp流

海康摄像头直接前端播放。
1.获取海康摄像头rstp流地址。这个地址是个固定格式。

老版本的格式
rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream
说明：
username: 用户名。例如admin。
password: 密码。例如12345。
ip: 为设备IP。例如 192.0.0.64。
port: 端口号默认为554，若为默认可不填写。
codec：有h264、MPEG-4、mpeg4这几种。
channel: 通道号，起始为1。例如通道1，则为ch1。
subtype: 码流类型，主码流为main，辅码流为sub。
例如，请求海康摄像机通道1的主码流，Url如下
主码流：
rtsp://admin:12345@192.0.0.64:554/h264/ch1/main/av_stream
rtsp://admin:12345@192.0.0.64:554/MPEG-4/ch1/main/av_stream
子码流：
rtsp://admin:12345@192.0.0.64/mpeg4/ch1/sub/av_stream
rtsp://admin:12345@192.0.0.64/h264/ch1/sub/av_stream

新版本的格式
rtsp://用户名:密码@IP:554/Streaming/Channels/101?transportmode=unicast
→录像机示例：
取第1个通道的主码流预览
rtsp://admin:hik12345@10.16.4.25:554/Streaming/Channels/101?transportmode=unicast

2.下载vlc插件
去vlc官网下载https://www.videolan.org/。
如果只是本地预览，不需要集成到前端可以用potplayer播放，官网地址https://potplayer.en.softonic.com/ 这个软件比vlc好用，直接可以播放rtsp，无需转码。
3.vlc转码
下载好vlc后需要做转码才可以播放rtsp流。
打开vlc客户端，打开工具—>偏好设置------>输入/编解码器，拉到最下边将live555改为RTP over RTSP。----->保存
更改了这个后才可以正常播放rtsp流。
4.前端集成
代码如下

完美播放。
https://wiki.videolan.org/Documentation:WebPlugin/ 文档帮助中心。
http://downloads.videolan.org/ 历史版本vlc下载地址