美文网首页
RTSP推流,IE11播放之死去活来

RTSP推流,IE11播放之死去活来

作者: 不合格码农 | 来源:发表于2020-08-27 10:42 被阅读0次

参考

https://blog.csdn.net/zs245584910/article/details/106712881?utm_medium=distribute.pc_relevant_bbs_down.none-task--2~all~first_rank_v2~rank_v25-4.nonecase&depth_1-utm_source=distribute.pc_relevant_bbs_down.none-task--2~all~first_rank_v2~rank_v25-4.nonecase

1、前期准备:

1.下载node.js:https://nodejs.org/zh-cn/

2.下载ffmpeg:http://ffmpeg.org/download.html

3.下载node-rtsp-stream:https://www.npmjs.com/package/node-rtsp-stream

2、安装,配置环境变量

      1.安装node.msi软件包,安装完成会自动配置环境变量。

      2.配置ffmpeg环境变量,将压缩包解压得到 ffmpeg-20200610-9dfb19b-win64-static,我的文件名更改为:C:\ffmpeg

配置完成后:在cmd命令窗口输入 ffmpeg,会显示下列信息,如果没有,重新下载ffmpeg设置环境变量

3.配置node,在桌面新建一个node文件夹,在cmd命令窗口输入 npm install node-rtsp-stream,会显示下列信息,若出现不能安装,可能需要更换源,自行百度,可将npm更换为淘宝源

在node文件夹中创建server.js

Stream = require('node-rtsp-stream')

stream = new Stream({

  name: 'name',

  streamUrl: 'rtsp://XXXX:554/h264/ch0/main/',

  wsPort: 9999,

  ffmpegOptions: { // options ffmpeg flags

    '-stats': '', // an option with no neccessary value uses a blank string

    '-r': 25, // options with required values specify the value after the key

    '-s': '1024 768',

    '-b:v': '4000k',

    '-qscale': 1

  }

})

在VLC 开启串流后,在cmd命令窗口输入  node C:\Users\Administrator\Desktop\node\server.js,会显示下列信息

此窗口不能关闭,因为正在通过ffmpeg拉流

在jsmpeg-master文件夹中创建html

<html>

<body>

    <canvas id="canvas"></canvas>

</body>

<script type="text/javascript" src="jsmpeg.min.js"></script>

<script type="text/javascript">

    player = new JSMpeg.Player('ws://localhost:9999', {

      canvas: document.getElementById('canvas') // Canvas should be a canvas DOM element

    })   

</script>

</html>

运行html就能显示效果了。

相关材料,已存百度云。

相关文章

网友评论

      本文标题:RTSP推流,IE11播放之死去活来

      本文链接:https://www.haomeiwen.com/subject/lpqcsktx.html