1、頁面HTML程式碼：

<canvas id="video-canvas" style="width: 100%; height: 387px;"></canvas>

<script type="text/javascript" src="<%=basePath%>resources/js/jsmpeg-master/jsmpeg.min.js"></script>
<script type="text/javascript">
	var canvas = document.getElementById('video-canvas');								
	var url = 'ws://' + document.location.hostname + ':' + port + '/';	
	port = port + 2;
	var player = new JSMpeg.Player(url, {
	canvas : canvas
	});
</script>
 

2、需要Node做服務端，下載jsmpeg-master

http://download.csdn.net/download/wr751811032/9403310

npm install cnpm -g --registry=https://registry.npm.taobao.org

cnpm install ws -g

新增 NODE_PATH 和path 環境變數，路徑是modules模組兒的所在路徑，注意使用者模組和全域性安裝模組兒的路徑不同，根據需要選擇，不設定伺服器報錯找不到模組module 

node D:\lang\nodejs\node_modules\jsmpeg-master\websocket-relay.js 123456 8981 8982

 
ffmpeg -i rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov -f mpegts -codec:v mpeg1video -bf 0 -codec:a mp2    -r 120    -q 2  http://localhost:8981/123456/640/480/

ffmpeg -i rtsp://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp -f mpegts -codec:v mpeg1video -bf 0 -codec:a mp2    -r 120    -q 2   http://localhost:8981/123456/640/480/

海康：
rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream

rtsp://admin:[email protected]:554/h264/ch1/main/av_stream

大華：
rtsp://username:[email protected]:port/cam/realmonitor?channel=1&subtype=0