当前位置：首页 > wzjs >正文

电商网站设计趋势珠海网站建设推广厂商

wzjs 2025/8/31 18:16:08

电商网站设计趋势,珠海网站建设推广厂商,哪些网站做京东的团购,seo海外运营注意：浏览器不能直接播放RTSP，必须转换后都能播放。这一点所有的播放都是如此。参考 https://github.com/kyriesent/node-rtsp-stream GitHub - phoboslab/jsmpeg: MPEG1 Video Decoder in JavaScript 相关文件方便下载 https://download.csdn.net…

注意：浏览器不能直接播放RTSP，必须转换后都能播放。这一点所有的播放都是如此。

参考

https://github.com/kyriesent/node-rtsp-stream

GitHub - phoboslab/jsmpeg: MPEG1 Video Decoder in JavaScript

相关文件方便下载

https://download.csdn.net/download/quantum7/90459890

安装node/npm
安装ffmpeg

sudo apt install -y ffmpeg

服务器：安装node-rtsp-stream

npm install node-rtsp-stream

服务器：启动

如果没有RTSP流或访问不到，可以自己模拟一个。具体参考：

文件app.js

Stream = require('node-rtsp-stream')
stream = new Stream({name: 'name',streamUrl: 'rtsp://10.0.2.15:8554/test.264',wsPort: 9999,ffmpegOptions: { // options ffmpeg flags'-stats': '', // an option with no neccessary value uses a blank string'-r': 30 // options with required values specify the value after the key}
})

启动

node app.js

新建index.html

<!DOCTYPE html>
<html>
<head><title>JSMpeg Stream Client</title><style type="text/css">html, body {background-color: #111;text-align: center;}</style></head>
<body><canvas id="video-canvas"></canvas><script type="text/javascript" src="jsmpeg.min.js"></script><script type="text/javascript">var canvas = document.getElementById('video-canvas');var url = 'ws://localhost:9999/';var player = new JSMpeg.Player(url, {canvas: canvas});</script>
</body>
</html>