当前位置：网站首页>Livego + ffmpeg + RTMP + flvjs to realize live video

Livego + ffmpeg + RTMP + flvjs to realize live video

2022-04-23 20:16:00 【_ Carpediem】

1. download livego
Packed livego Binary executable
Baidu SkyDrive （ Extract password ：1234

double-click
Opening service （ double-click livego.exe)
Insert picture description here
Enter... In the browser http://localhost:8090/control/get?room=movie Get a room channelkey(channelkey For streaming ,movie Customizable , For playing ). Copy channelkey
Insert picture description here

Start pushing
2. download ffmpeg
Configure environment variables
Enter the command ：
ffmpeg -re -i { Videos to push } -c copy -f flv rtmp://localhost:1935/{appname}/{channelkey}
eg:ffmpeg -re -i demo.flv -c copy -f flv rtmp://localhost:1935/live/rfBd56ti2SMtYvSgD5xAV0YU99zampta7Z7S575KLkIZ9PYk
Insert picture description here

VLC test RTMP flow Play normal
flvjs Streaming
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()"> load </button>-->
        <button onclick="flv_start()"> Start </button>
        <button onclick="flv_pause()"> Pause </button>
        <button onclick="flv_destroy()"> stop it </button>
        <input style="width:100px" type="text" name="seekpoint" />
        <button onclick="flv_seekto()"> Jump </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',//<== Modify yourself 

            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load(); // 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>

Reference link ：
flvjs
livego

版权声明
本文为[_ Carpediem]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204210553547035.html

边栏推荐

猜你喜欢

随机推荐