- 直播运行效果:
Windows版
1. 前端编写(网页播放视频功能)
- flvjs是b站开源出来的前端流媒体播放器
- 下载链接:https://github.com/saysmy/flvjs-pr354
- 注意:下载后需要编译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.flvjs
var 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开发的流媒体服务器
- 下载链接:https://github.com/gwuhaolin/livego/releases
- 注意:推荐下载0.0.4版本,0.0.5版本运行有概率会报错
- 运行出为以下内容即为成功
3. OBS(直播推流)
直接百度在官网下载
- 配置(配置完后应用——>开始推流)
注意: 别忘记OBS添加显示窗口
浏览器打开html文件即可看到效果
Linux服务器部署版(可通过网络访问)
同windows版
- ip均改为服务器公网ip
- livego服务器下载使用linux版本即可,运行成功显示内容相同
- 其他配置都与windows版相同