RTSP協議播放網絡視頻

海康攝像頭

主碼流
rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream
rtsp://admin:12345@192.0.0.64:81/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://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);