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

相关推荐
mit6.82413 小时前
[sam2图像分割] 视频追踪API | VideoPredictor | `inference_state`记忆
人工智能·计算机视觉·音视频
碧海银沙音频科技研究院15 小时前
DiVE长尾识别的虚拟实例蒸馏方法
arm开发·人工智能·深度学习·算法·音视频
AI浩15 小时前
基于多焦点高斯邻域注意力机制与大规模基准的视频人群定位
人工智能·深度学习·音视频
开发者导航15 小时前
【开发者导航】全自动 AI 视频创作与发布工具:LuoGen-agent
人工智能·音视频
xingxing_F17 小时前
Topaz Video AI for Mac AI视频无损放大 视频画质增强
人工智能·macos·音视频
Android系统攻城狮19 小时前
Android16音频之设置音频模式setMode:用法实例(七十一)
音视频·android16·设置音频模式·setmode
aqi0021 小时前
FFmpeg开发笔记(八十六)基于Node.js的国产视频编辑开源框架OpenCut
ffmpeg·音视频·直播·流媒体
黑翼杰克斯2 天前
关于buildroot文件系统中rootfs的内容,该怎么增删(瑞芯微rv1126b)
linux·音视频·1024程序员节
aqi002 天前
FFmpeg开发笔记(八十五)基于PyQt和FFmpeg的开源视频剪辑器OpenShot
ffmpeg·音视频·直播·流媒体
hoiii1872 天前
C#实现摄像头视频录制与保存
开发语言·c#·音视频