编写直播室Html使用HTTP-FLV 流地址进行直播

Hejin • • 教程

准备

  • 一台可运行html的服务器
  • 你的HTTP-FLV 流地址

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Live直播</title>
    <style>
        #flvPlayer {
            width: 1800px;
            height:900px;
        }
    </style>
</head>
<body>
    <video id="flvPlayer" controls autoplay></video>

    <script src="to/flv.min.js"></script>
    <script>
        // 创建 FLV 播放器实例
        var videoElement = document.getElementById('flvPlayer');
        var flvPlayer = flvjs.createPlayer({
            type: 'flv',
            url: 'http://你的IP/live/livestream.flv', // 替换成实际的 HTTP-FLV 流地址
            isLive: true // 告诉播放器这是一个实时流
        });

        // 将播放器绑定到 video 元素
        flvPlayer.attachMediaElement(videoElement);

        // 加载并播放 HTTP-FLV 流
        flvPlayer.load();
        flvPlayer.play();
    </script>
</body>
</html>
尊重版权哦~
本文：编写直播室Html使用HTTP-FLV 流地址进行直播
作者：Hejin
THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录