flv + livego + obs 实现简易直播平台(windows版+Linux版)
- 直播运行效果:
Windows版
1. 前端编写(网页播放视频功能)
- flvjs是b站开源出来的前端流媒体播放器
- 下载链接：
- 注意：下载后需要编译flvjs，github有编译步骤，也可以在网上找大佬编译好的
- 具体代码
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>flv.js dome</title>
</head>
<body><div class="mainContainer"><video id="video" controls autoplay width="1024" height="576"></video></div><br><div ><button onclick="flv_start()">开始</button><button onclick="flv_pause()">暂停</button><button onclick="flv_destroy()">停止</button></div><script src="../dist/flv.js">// 此文件为编译后的文件</script> <script>var flvjs = window.flvjsvar player = document.getElementById('video');if (flvjs.isSupported()) {var flvPlayer = flvjs.createPlayer({type: 'flv',"isLive": true,url: 'http://127.0.0.1:7001/live/demo.flv',//改为自己服务的地址});flvPlayer.attachMediaElement(video);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;}</script>
</body>
</html>
2. Livego(流媒体服务器)
- livego是golang开发的流媒体服务器
- 下载链接：
- 注意：推荐下载0.0.4版本，0.0.5版本运行有概率会报错
- 运行出为以下内容即为成功
3. OBS（直播推流）
直接百度在官网下载
- 配置（配置完后应用——>开始推流）
注意: 别忘记OBS添加显示窗口
浏览器打开html文件即可看到效果
Linux服务器部署版(可通过网络访问)
同windows版
- ip均改为服务器公网ip
- livego服务器下载使用linux版本即可，运行成功显示内容相同
- 其他配置都与windows版相同
flv + livego + obs 实现简易直播平台(windows版+Linux版)
- 直播运行效果:
Windows版
1. 前端编写(网页播放视频功能)
- flvjs是b站开源出来的前端流媒体播放器
- 下载链接：
- 注意：下载后需要编译flvjs，github有编译步骤，也可以在网上找大佬编译好的
- 具体代码
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>flv.js dome</title>
</head>
<body><div class="mainContainer"><video id="video" controls autoplay width="1024" height="576"></video></div><br><div ><button onclick="flv_start()">开始</button><button onclick="flv_pause()">暂停</button><button onclick="flv_destroy()">停止</button></div><script src="../dist/flv.js">// 此文件为编译后的文件</script> <script>var flvjs = window.flvjsvar player = document.getElementById('video');if (flvjs.isSupported()) {var flvPlayer = flvjs.createPlayer({type: 'flv',"isLive": true,url: 'http://127.0.0.1:7001/live/demo.flv',//改为自己服务的地址});flvPlayer.attachMediaElement(video);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;}</script>
</body>
</html>
2. Livego(流媒体服务器)
- livego是golang开发的流媒体服务器
- 下载链接：
- 注意：推荐下载0.0.4版本，0.0.5版本运行有概率会报错
- 运行出为以下内容即为成功
3. OBS（直播推流）
直接百度在官网下载
- 配置（配置完后应用——>开始推流）
注意: 别忘记OBS添加显示窗口
浏览器打开html文件即可看到效果
Linux服务器部署版(可通过网络访问)
同windows版
- ip均改为服务器公网ip
- livego服务器下载使用linux版本即可，运行成功显示内容相同
- 其他配置都与windows版相同