[关键字：前端浏览器如何播放RTSP流画面 | 前端浏览器如何播放RTMP流画面 | Web浏览器播放摄像头画面]
本片文章只是起到抛砖引玉的作用，能从头到尾走通就行，并不做深入研究。为了让文章通俗易懂，尽量使用白话描述。(或参考基于H5的新方案)
0x001: 获取
现在市场上普见的摄像头都支持RTSP协议，如果你不懂什么是RTSP协议，那么你可以这么简单的认为，就是一串地址，通过这串地址你就可以拿到视频流。就犹如一串网址一样http://www.xxxx.com，通过这串网址你可以阅览网页。知道这些对你入门来说就足够了。如同下面这样：
rtsp://218.204.223.237:554/live/1（此地址不可用）
这里随便列举两个厂商，如果你不知道手里监控的RTSP流地址是什么，可自行联系厂家索取。海康威视RTSP 、大华RTSP
0x002: 播放
在拿到标准的RTSP流后，需要检测一下流地址是否能正常播放，以保证此步骤的正确性，这里推荐两个强大工具。
VLC（开源免费）
EasyPlayer RTSP（商用授权）
这里解释一下，为什么要给出2款RTSP播放器的原因，VLC很强大，在面对普通标准化的大众监控时，它已经足够了。
但是在面对小厂商的监控时，VLC可能显得那么孤军无力。市场上各家厂商监控水平参差不齐，小厂商的流可能做的不是那么标准，所以也能理解。
这个时候你可以换个播放器试试，可能有你意想不到的效果，也能使你少走些弯路。（血淋淋的教训，我们的热像设备就是这样，因此在上面浪费了很多时间）
方法：
VLC - 左上角‘媒体’- 打开网络串流- 将RTSP流地址复制进去 - 播放
EasyPlayer RTSP - 将RTSP流地址复制进去 - Play
由于涉及到公司保密数据，具体的播放画面截图这里就不贴上来了，大家播放成功后就代表此步骤已经走通。
0x003: 下一步