使用canvas來實時播放RTSP視頻

時間 2019-11-10

標籤使用 canvas 實時播放 rtsp 視頻简体版

原文原文鏈接

HTML5的標籤能夠用使用下來面的方式來播放靜態視頻node

<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來播放實時視頻。git

除了Video能夠播放視頻外還可使用canvas來播放視頻。原理是使用websocket來取視頻，而後解碼成圖片，渲染到canvas上。github

在npm上可使用node-rstp-stream來轉碼RTSP視頻流web

github地址：https://github.com/phoboslab/jsmpegchrome

1. 使用canvas播放視頻
2. Chrome 播放rtsp實時視頻， FAQ
3. 安卓使用vlc播放rtsp視頻
4. iOS使用MobileVLCKit播放rtsp視頻流
5. Android rtsp流視頻播放
6. Vlc.DotNet.Wpf,播放rtsp視頻，
7. Vlc播放rtsp視頻
8. 使用live555實時播放rtsp
9. rtsp地址視頻流轉成實時播放畫面
10. Android 視頻播放器 (三)：使用NBPlayer播放直播視頻
更多相關文章...
• PHP 實例 - AJAX 實時搜索 - PHP教程
• TortoiseSVN 使用教程 - SVN 教程
• Git可視化極簡易教程 — Git GUI使用方法
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索