HTML5的標簽可以用使用下來面的方式來播放靜態視頻
<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video>
但目前桌面版本的chrome,firefox,ie卻無法播放實時視頻流。但在移動端可以使用HLS來播放實時視頻。
除了Video可以播放視頻外還可以使用canvas來播放視頻。原理是使用websocket來取視頻，然后解碼成圖片，渲染到canvas上。
在npm上可以使用node-rstp-stream來轉碼RTSP視頻流
github地址：https://github.com/phoboslab/jsmpeg