【webLive】用Flv.js+OBS做直播

最新推荐文章于 2024-08-13 14:45:04 发布

Immok

最新推荐文章于 2024-08-13 14:45:04 发布

阅读量5.9k

点赞数

分类专栏： Web web技术实验室

本文链接：https://blog.csdn.net/ns2250225/article/details/79556466

版权

Web 同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

web技术实验室

26 篇文章 1 订阅

订阅专栏

环境准备

win10
Nginx
LiveGo
OBS
Flv.js

启动LiveGo服务器

双击解压后的livego.exe

启动OBS并设置

打开OBS

添加媒体源，添加一个本地的flv文件即可

开始推流

编写测试用HTML并启动Nginx

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用flv.js来做直播</title>
</head>
<body>
    <script src="flv.min.js"></script>
    <video id="videoElement"></video>
    <script>
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById('videoElement');
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                isLive: true,
                url: 'http://127.0.0.1:7001/live/test.flv'
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play();
        }
    </script>
</body>
</html>