环境搭建:
本地服务器:CenterOs8
开发环境:jdk1.8
数据库:MySQL
docker版本:19.03.7
移动端选用:Flutter 微信小程序.
推流开源工具:obs
播放器:aliplayer
搭建SRS服务器
这里有SRS开源项目的地址:地址
基于源码的方式在Linux中安装srs服务器.
- 使用git克隆源码.
git clone https://gitee.com/winlinvip/srs.oschina.git
- 下载完成进入trunk目录
cd srs.oschina/trunk
3.执行编译安装
./configure && make
编译成功如下:
4.启动
./objs/srs -c conf/srs.conf
启动成功:
OBS配置:
可以从视频获取设备:
如图:
点击小眼睛可关闭:
可以显示捕捉等:
还有很多类似的乱七八糟的功能。
最主要的功能是,设置推流:
通常是服务器的地址加上项目名称.
这里还可以显示保存等等.
aliplayer使用.
地址:https://player.alicdn.com/aliplayer/presentation/index.html?type=cover
引入使用:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<title>Aliplayer Functions</title>
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.8/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js"></script>
</head>
<body>
<div id="player-con"></div>
<script>
var player = new Aliplayer({
id: "player-con",
source: "//player.alicdn.com/video/editor.mp4",
width: "100%",
height: "500px",
cover: 'https://img.alicdn.com/tps/TB1EXIhOFXXXXcIaXXXXXXXXXXX-760-340.jpg',
/* To set an album art, you must set 'autoplay' and 'preload' to 'false' */
autoplay: false,
preload: false,
isLive: false
}, function (player) {
console.log("The player is created");
});
</script>
</body>
</html>