RTSP协议播放网络视频

海康摄像头

1. 主码流 
2. rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream 
3. rtsp://admin:12345@192.0.0.64:81/MPEG-4/ch1/main/av_stream 
4.  
5. 子码流： 
6. rtsp://admin:12345@192.0.0.64/mpeg4/ch1/sub/av_stream 
7. rtsp://admin:12345@192.0.0.64/h264/ch1/sub/av_stream 

爱谱华顿和海康相同

 

大华摄像头

rtsp://admin:admin@10.12.4.84:554/cam/realmonitor?channel=2&subtype=1

 

模态窗口

<div id="modalCamera" class="modal-block modal-block-md mfp-hide ">
    <section class="panel">
        <header class="panel-heading">
            <h2 class="panel-title">视频实时监控</h2>
            <div class="panel-actions">
                <button class="btn btn-xs btn-default modal-dismiss">
                    <i class="fa fa-times"></i>
                </button>
            </div>
        </header>
        <div class="panel-body">
            @*摄像头窗口*@
            <div id="cameraVideos" class="camera-plugin">
            </div>
        </div>
    </section>
</div>

js代码

            $('#cameraVideos').empty();
            $object="<object type='application/x-vlc-plugin' pluginspage='http://www.videolan.org/' id='vlc' events='false' width='560' height='410'>"+
     "<param name='mrl' value='rtsp://admin:12345@192.168.0.104:554/MPEG-4/ch1/main/av_stream' />"+
     "<param name='volume' value='50' />"+
     "<param name='autoplay' value='true' />"+
     "<param name='loop' value='false' />"+
     "<param name='fullscreen' value='false' />"+
     "<param name='controls' value='false' /></object>";
            $('#cameraVideos').append($object);

 

来源：https://www.cnblogs.com/tgdjw/p/5275133.html