hls拉流之chimee-player

相比rtmp拉流,hls拉流没有flash,可以手机浏览器使用,但是他的拉流会延迟十几二十秒左右,

我这边用的在index.html里面引入的,好用,如果vue项目,你也可以用

npm install chimee-player --save  

 

标签代码,

<div id="wrapper"></div>

js代码

复制代码
 let player = new ChimeePlayer({
            wrapper: '#wrapper',//标签id名称
            src: src,//拉流地址
            isLive: true,
            autoplay: true,
            controls: true
        });
        console.log(player,'player');
        // 监听 play 事件
        player.on('play', () => {
            console.log('开始播放!');
        });
        // 监听 pause 事件
        player.on('pause', () => {
            console.log('暂停播放!');
        });
复制代码

 文笔不好,自己做记录用的,有需要的可以拿去用

posted @   小样459  阅读(200)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
点击右上角即可分享
微信分享提示