livego+ffmpeg+rtmp+flvjs实现直播视频

1.下载livego
打包好的livego二进制可执行文件
百度网盘（提取密码：1234

开启服务（双击livego.exe)

在浏览器中输入 http://localhost:8090/control/get?room=movie 获取一个房间的 channelkey(channelkey用于推流，movie可自定义，用于播放). 复制channelkey

开始推流
2.下载ffmpeg
配置环境变量
输入命令：
ffmpeg -re -i {要推送的视频} -c copy -f flv rtmp://localhost:1935/{appname}/{channelkey}
eg:ffmpeg -re -i demo.flv -c copy -f flv rtmp://localhost:1935/live/rfBd56ti2SMtYvSgD5xAV0YU99zampta7Z7S575KLkIZ9PYk

4.flvjs

<!DOCTYPE html>
<html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>flv.js demo</title><style>.mainContainer {display: block;width: 1024px;margin-left: auto;margin-right: auto;}.urlInput {display: block;width: 100%;margin-left: auto;margin-right: auto;margin-top: 8px;margin-bottom: 8px;}.centeredVideo {display: block;width: 100%;height: 576px;margin-left: auto;margin-right: auto;margin-bottom: auto;}.controls {display: block;width: 100%;text-align: left;margin-left: auto;margin-right: auto;}</style>
</head>
<body><div class="mainContainer"><video id="videoElement" class="centeredVideo" controls autoplay width="1024" height="576">Your browser is too old which doesn't support HTML5 video.</video></div><br><div class="controls"><!--<button onclick="flv_load()">加载</button>--><button onclick="flv_start()">开始</button><button onclick="flv_pause()">暂停</button><button onclick="flv_destroy()">停止</button><input style="width:100px" type="text" name="seekpoint" /><button onclick="flv_seekto()">跳转</button></div><script src="./flv.js/flv.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.5.0/flv.min.js"></script><script>var player = document.getElementById('videoElement');if (flvjs.isSupported()) {var flvPlayer = flvjs.createPlayer({type: 'flv',"isLive": true,url: 'http://127.0.0.1:7001/live/movie.flv',//<==自行修改});flvPlayer.attachMediaElement(videoElement);flvPlayer.load(); //加载flv_start();}function flv_start() {player.play();}function flv_pause() {player.pause();}function flv_destroy() {player.pause();player.unload();player.detachMediaElement();player.destroy();player = null;}function flv_seekto() {player.currentTime = parseFloat(document.getElementsByName('seekpoint')[0].value);}</script>
</body></html>

参考链接：
flvjs
livego

livego+ffmpeg+rtmp+flvjs实现直播视频相关推荐

ffmpeg rtmp 花屏_FFmpeg视频抽帧那些事
视频文件是多媒体数据中比较常见的一种,也是入门门槛比较高的一个领域.视频数据相关的领域任务包括视频物体检测.视频物体追踪.视频分类.视频检索和视频摘要抽取等. 视频数据与图像数据非常类似,都是由像素点 ...
vue整合videojs插件，播放RTMP，hls直播视频
1. Vue项目中安装videojs的相关依赖 npm install --save video.js npm install --save videojs-contrib-hls npm insta ...
HTML页面加载播放RTMP协议流和HLS协议流直播视频
主要内容让rtmp或hls的协议流直播视频能在html页面正常显示(这里也是综合参考了网上其余的资料,最终放出下面这些实测可用的方案). 首先是HLS协议流, 这种是播放m3u8格式的视频. 解决方案 ...
小程序实现RTMP/HLS协议直播监控视频实时播放实现步骤
小程序实现监控视频实时播放实现步骤简述:RTMP协议直播视频,可使用小程序live-player组件实现视频播放,暂只针对国内主体特定类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发 ...
nginx+nginx-http-flv-module+ffmpeg/obs实现点播+直播
nginx+nginx-http-flv-module+ffmpeg/obs实现点播+直播更新:2021/02/19 nginx+nginx-http-flv-module+ffmpeg/obs实现 ...
利用nginx搭建RTMP视频点播、直播、HLS服务器
开发环境 Ubuntu 14.04 server nginx-1.8.1 nginx-rtmp-module nginx的服务器的搭建安装nginx的依赖库 sudo apt-get update ...
C++编程FFMpeg实时美颜直播推流实战-基于ffmpeg，qt5，opencv视频课程-夏曹俊-专题视频课程...
C++编程FFMpeg实时美颜直播推流实战-基于ffmpeg,qt5,opencv视频课程-11788人已学习课程介绍 C++编程FFMpeg实时美颜直播推流实战视频培训教程,本课程 ...
java + nginx + ffmpeg + vue实现摄像头，rtmp、rtsp直播流协议的实时播放
目录大致流程环境: CentOS 7 安装 ffmpeg docker安装nginx-rtmp nginx-rtmp配置文件详解例子 java案例 pom依赖代码案例前端案例(vue) ja ...
Android音视频学习系列(八) — 基于Nginx搭建(rtmp、http)直播服务器
系列文章 Android音视频学习系列(一) - JNI从入门到精通 Android音视频学习系列(二) - 交叉编译动态库.静态库的入门 Android音视频学习系列(三) - Shell脚本入门 ...

livego+ffmpeg+rtmp+flvjs实现直播视频

livego+ffmpeg+rtmp+flvjs实现直播视频相关推荐

最新文章

热门文章