音视频开发3. 低延时的H5直播方案JSMpeg
yuyutoo 2025-01-06 16:12 2 浏览 0 评论
一、说明
1. JSMpeg简介
JSMpeg是一个JavaScript编写的视频解码器，支持MPEG1视频、MP2音频解码，WebGL&Canvas2D渲染、WebAudio音频输出。
JSMpeg可以通过Ajax加载静态视频、或通过WebSocket加载低延迟的流媒体（延时50ms）。
JSMpeg 在iPhone 5S上支持以30fps的速度解码720P的视频，支持绝大多数的现代浏览器，并且库非常的小巧。
2. JSMpeg项目地址
https://github.com/phoboslab/jsmpeg
3. 业务场景
- 客户端不支持Http-Flv（如iOS）的直播场景
- 客户端不能接受HLS延时过大
- 客户端不能兼容WebRTC技术
4. 本文需要的环境
- ffmpeg(向jsmpeg服务端推流)
- jsmpeg(流转成websocket)
- nodejs + http-server(客户端网页容器)
- 一个rtsp节目源（也可以是本地视频文件）
二、环境配置
1. 配置ffmpeg
下载可执行的ffmpeg，并在系统环境变量PATH里指向ffmpeg可执行文件的目录 。
更详细的配置过程可见本系列文章上一篇的内容。
2. 安装配置nodejs+http-server环境
(1) 安装nodejs
多数Linux发行版已包含nodejs，本安装过程省略。
(2) 安装websocket和http-server
npm install -g ws
npm install ws
npm install http-server -g3. jsmpeg
在下面地址下载
jsmpeg
三、 运行测试
1. 启动jsmpeg
打开一个命令行，进入jsmpeg目录，运行：
node websocket-relay.js supersecret 8081 8082参数说明：
- Supersecret是密码
- 8081是ffmpeg推送端口
- 8082是前端webSocket端口
2. 启动ffmpeg推流
再打开一个命令行启动推流
ffmpeg -I "rtspurl节目源地址" -q 0 -f mpegts -codec:v mpeg1video -s 1366x768 http://127.0.0.1:8081/supersecret4. 启动一个http-server
再打开一个命令行进入jsmpeg目录，输入：
http-server5. 观看视频
用浏览器打开网址
http://ip:8080/view-stream.html
正常就能看到视频画面了。
本测试只看单路视频，实际使用中需要再进行开发完善功能。
相关推荐
- springBoot使用Log4j
-
添加依赖<dependency><groupId>org.springframework.boot</groupId><ar...
- Log4j 严重漏洞修最新修复方案参考
-
CVE-2021-44228，原理上是log4j-core代码中的JNDI注入漏洞。这个漏洞可以直接导致服务器被入侵，而且由于“日志”场景的特性，攻击数据可以多层传导，甚至可以威胁到纯内网的服...
- 如何在Spring Boot中使用Log4j日志框架
-
SpringBoot是目前Java领域比较流行的一个应用程序开发框架，默认情况下使用的是SLF4J和Logback作为日志框架，但是在某些场景下，我们可能需要用到Log4j或Log4j2来满足一些特...
- log4j的使用
-
初识log4jlog4j是Apache的一个开放源代码项目，通过使用Log4j，我们可以控制日志信息输送的目的地是控制台、文件、GUI组件，甚至是套接口服务器、NT的事件记录器、UNIXSyslog...
- log4j的详细配置
-
###设置日志级别###log4j.rootLogger=error,stdout,D,E###输出到控制台###log4j.appender.stdout=org.apac...
- 深蹲时脚掌的打开弧度到底多少比较合适?
-
引子哈喽，大家晚上好，今天我还是给大家带来深蹲的小技巧。我们在之前的文章中，已经说过非常多关于深蹲的小技巧了，我想大家也已经知道了该如何去做一个正确的深蹲。今天我要给大家介绍一个经常被大家所忽略的技巧...
- 中杯vivo X90 对比超大杯X90 Pro+:京东方Q9和三星E6差距大吗?
-
X90标准版应该是大家目前最早能用到量产天玑9200处理器的一款手机了吧，根据蓝厂准则，想贪便宜肯定不能去线上买呀，线上买只是为了给低预算的朋友“分期”用的，根据线下渠道商提示：X90标准版目前已降价...
- 学习Geogebra重要的100条学习随笔(12)
-
角度①“0”:Alt+O；“π”:Alt+P；②GeoGebra默认计算都是使用弧度制；③携带度符号(°)的正常计算，但常量π/180会自动转为弧度。...
- 高中数学-三角函数
-
三角函数角的度量单位通常有两种，一种是角度制，另一种就是弧度制。...
- 数学与三角函数的基础用法和示例(一)
-
1.ABS函数说明返回数字的绝对值。一个数字的绝对值是该数字不带其符号的形式。语法ABS(number)...
- 折弯大圆弧每次折多少刀，折弯角度怎么计算
-
第一种方法如何折圆弧？（无模具时）如上图所示：板厚T=2MM，圆心角为90°1、先计算出弧长：弧长L=90°×3.14÷180°×中心层R59=92.632、选取折弯模具：上模用直剑刀，下模用8V（折...
- 高中数学里的角，和初中学的不太一样
-
同学们好，我是李状元数学课的李老师，讲人人都听得懂的高中数学课。经常有同学说起三角函数时会有点头疼，可是呢，三角函数其实是高中数学里比较基础的一部分，虽然应用非常广泛，但是一般都不会考察特别难的题目，...
- PS办公技巧:如何更改圆角矩形的弧度?
-
应用场景下图PS文档中有3个完全相同的圆角矩形（当前所有的圆角半径均为10像素），每个圆角矩形单独占用一个图层。下面我们让第1个图层“圆角矩形上”维持原样不变方便对比观察，将第2个图层“圆角矩形中”的...
- 解读角度制与弧度制的基础知识(讲义稿)
-
一、角度制1、什么叫做角度制？我们在平面几何学里研究的角度制，规定周角的1/360度为一度的角。这种用单位来度量角的制度叫做角度制。2、怎样用量角器来测量角？角的大小经常用量角器来测量(1)、点重合，...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)