首页 > 其他分享 >hls拉流之chimee-player

hls拉流之chimee-player

时间:2023-07-11 15:15:21浏览次数:35  
标签:console log hls player 拉流 true

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

我这边用的在index.html里面引入的,好用

标签代码,

<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('暂停播放!');
        });

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

标签:console,log,hls,player,拉流,true
From: https://www.cnblogs.com/xiaoyang459/p/17544690.html

相关文章

  • rtmp的拉流方式之ZLMRTCClient
    关于直播流rtmp的拉流因为延迟少比较好用(因为手机不支持flash,所以不支持手机浏览器)zlmrtcclient是老式插件,在vue项目中使用的话需要在index.html里面进行引入,然后在项目中使用  标签代码<videoid='video1'class="jswebrtc"autoplaymuted="true"width="100%"height......
  • java 阿里云直播配置及推拉流地址获取
    原文地址:https://blog.csdn.net/zhanglei5415/article/details/131551685?spm=1001.2014.3001.5501一、开通阿里云直播首先进入阿里云直播产品主页:https://www.aliyun.com/product/live。点击下方的“立即开通”。如果是还未注册的用户请按照页面提示进行完成注册并实名认证......
  • MediaPlayer
    1.MediaPlayer使用MediaPlayer媒体框架最重要的组件之一是MediaPlayer类。这个类的对象可以使用最少的设置获取、解码和播放音频和视频。它支持几种不同的媒体来源,如:本地资源内部uri,例如您可能从contentProvider获得的uri外部url(流)有关Android支持的媒体格式列表,请参阅......
  • Vue-CoreVideoPlayer使用
    介绍Vue-CoreVideoPlayer一款基于vue.js的轻量级的视频播放器插件。采用AdobdXD进行UI设计,支持移动端适配,不仅功能强大,颜值也是超一流!Vue-CoreVideoPlayer的说明文档和sample都很完善,上手十分容易。该组件也保持了和原生HTMLVideo属性配置的对接,可定制性很高。播放器......
  • vulnhub-BossPlayersCTF
    vulnhub-BossPlayersCTF目标IP:192.168.1.103官方难度:简单攻击机器:macOS+kali混搭信息收集端口扫描开放端口扫描nmap-sT-T4-p-192.168.1.103扫描结果StartingNmap7.93(https://nmap.org)at2023-06-0423:10CSTNmapscanreportfor192.168.1.103Hosti......
  • Vue-CoreVideoPlayer 视频播放器组件
    安装cnpminstall-Svue-core-video-player快速使用#在main.js中importVueCoreVideoPlayerfrom'vue-core-video-player'Vue.use(VueCoreVideoPlayer)#默认是英文的'''做国际化'''importVueCoreVideoPlayerfrom'vue-core-video......
  • Media Player Classic - BE MPC-BE 1.6.8 2023.7.1
    MediaPlayerClassic-BEMediaPlayerClassic-BE是一个免费的多媒体播放器,是MediaPlayerClassic(MPC)的一个分支。它提供了许多功能和改进,以增强用户体验和播放器的性能。以下是MediaPlayerClassic-BE的一些特点和功能:多种音视频格式支持:它支持许多常见的音频和......
  • H.265网页流媒体播放器EasyPlayer无感知播放体验优化
    EasyPlayer是我们流媒体组件系列中关注度较高的产品,经过多年的发展和迭代,目前已经有多个应用版本,包括RTSP版、RTMP版、Pro版,以及js版,其中js版本作为网页播放器,受到了用户的广泛使用。目前我们所有的视频平台,集成的都是EasyPlayer.js版,它属于一款高效、精炼、稳定且免费的流媒体......
  • HLS - 循环优化
    参考https://blog.csdn.net/pc153262603/article/details/106385483https://www.xilinx.com/htmldocs/xilinx2017_4/sdaccel_doc/fde1504034360078.htmlhttps://hitsz-cslab.oschina.io/dla/lab2/theory/#31.单个循环延迟优化1.1循环展开(Unroll)将一个循环展开成多......
  • ZLMediaKit 服务器源码解读,RTSP推流拉流
    RTSP推流1、数据解析过程数据都会通过回调的方式到达RtspSession类(会话)的onRecv函数先给出类的继承关系:classRtspSession:publicTcpSession,publicRtspSplitter,publicRtpReceiver,publicMediaSourceEvent{}classRtspSplitter:publicHttpRequestSplitter{}数据回......