EasyMedia转码rtsp视频流flv格式,hls格式,H5页面播放flv流视频

EasyMedia转码rtsp视频流flv格式,hls格式

H5页面播放flv流视频

文章最后有源码地址

解决海康视频播放视频流,先转码后自定义页面播放flv视频流
先看效果,1,EasyMedia自带的页面,这个页面二次开发改动页面比较麻烦
2,使用B站js解码,简单实现html页面播放flv视频流,页面可以自己修改
看下前端代码
复制代码
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>flv视频流播放</title>
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
            text-align: center;
        }
    </style>
</head>
 
<body>
    <video id="video" autoplay controls muted></video>
    <script src="./flv.js"></script>
    <script>
        var video = document.getElementById('video');
        var videoSrc = 'ws://localhost:8866/live?url=rtmp://liteavapp.qcloud.com/live/liteavdemoplayerstreamid';
 
        if (flvjs.isSupported()) {
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                url: videoSrc
            });
            flvPlayer.attachMediaElement(video);
            flvPlayer.load();
            flvPlayer.play();
        }
    </script>
 
</body>
 
</html>
页面源码放在这个目录结构doc下面了
亲测两个项目源码都可运行,都能实现H5 播放流视频,都是通过rtsp 转码后实现

源码地址

https://gitee.com/lbx_1397372495/easy-media

源码地址

https://gitee.com/lbx_1397372495/easy-media-flv

相关推荐
非凡ghost6 小时前
MPC-BE视频播放器(强大视频播放器) 中文绿色版
前端·windows·音视频·软件需求
私人珍藏库8 小时前
[Windows] 随手剪-视频合并工具 v0.12多种格式多段视频50多种转场效果
windows·音视频
小钱c711 小时前
Python利用ffmpeg实现rtmp视频拉流和推流
python·ffmpeg·音视频
9527华安16 小时前
FPGA实现SRIO图像视频传输,基于Serial Rapidlo Gen2,提供6套工程源码和技术支持
图像处理·fpga开发·音视频·srio·xilinx
春末的南方城市17 小时前
港大和字节携手打造WorldWeaver:以统一建模方案整合感知条件,为长视频生成领域带来质量与一致性双重飞跃。
人工智能·深度学习·机器学习·计算机视觉·aigc·音视频
许泽宇的技术分享20 小时前
AudioNotes:当FunASR遇见Qwen2,音视频转笔记的技术革命
笔记·音视频
wan5555cn20 小时前
AI视频生成技术:从想象到现实的视觉革命
人工智能·笔记·深度学习·算法·音视频
MYZR120 小时前
蓝牙音箱的技术演进:从便捷到高保真的音频革命
人工智能·物联网·音视频·ssd2351
EasyCVR20 小时前
打破信息孤岛,构建统一视界:视频融合平台EasyCVR在智慧校园建设中的核心作用
音视频
liaomin41610056920 小时前
transformers音频实战01-音频概念
人工智能·音视频