视频直播–使用chimee-player.browser.js 直播 m3u8格式视频 亲测直接复制html 可播放 采用hls 解析

<!DOCTYPE html>
<html><head><title>视频测试</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="viewport" content="width=device-width, initial-scale=1"><script src="http://lib.baomitu.com/chimee-player/1.1.9/chimee-player.browser.js"></script></head><body><div class="video-box"><div id="wrapper" class="vidoe"></div><!-- <hr style="height: 2px; border-color: #1F1F1F;"> --><div id="wrapper2" class="vidoe"></div><div id="wrapper3" class="vidoe"></div></div><div class="video-box"><div id="wrapper4" class="vidoe"></div><div id="wrapper5" class="vidoe"></div><div id="wrapper6" class="vidoe"></div></div><div class="video-box"><div id="wrapper7" class="vidoe"></div><div id="wrapper8" class="vidoe"></div><div id="wrapper9" class="vidoe"></div></div></body>
</html>
<script>new ChimeePlayer({wrapper: '#wrapper', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/hunanhd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper2', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper3', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/cctv2.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper4', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper5', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/cctv5phd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper6', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper7', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/btv1hd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper8', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/dfhd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});new ChimeePlayer({wrapper: '#wrapper9', // video dom容器src: 'http://ivi.bupt.edu.cn/hls/chchd.m3u8',box: 'hls',isLive: false,autoplay: false,controls: true});
</script>
<style type="text/css">.vidoe{width:50%;height: 50%;margin: 10px 10px;float: right;}.video-box{display: flex;}
</style>

视频直播--使用chimee-player.browser.js 直播 m3u8格式视频相关推荐

  1. uniapp m3u8格式视频加载

    uniapp一:mui-player:三方  h5 web app uniapp 使用 mui-player 插件播放 m3u8/flv 视频流_翘翘红的博客-CSDN博客 uniapp 开发的h5项 ...

  2. uniapp H5 项目 播放 m3u8格式视频

    uniapp H5 项目 播放 m3u8格式视频 阐述 在项目中,可能会获取一些直播流地址,比如最常见的就是.m3u8视频格式.在小程序可以直接使用video 标签就可以直接播放,因为小程序有自己的引 ...

  3. video标签播放m3u8格式视频-------html页面

    m3u8是苹果公司推出一种视频播放标准,是m3u的一种,不过 编码方式是utf-8,是一种文件检索格式,将视频切割成一小段一小段的ts格式的视频文件,然后存在服务器中(现在为了减少I/o访问次数,一般 ...

  4. m3u8解析_浅谈m3u8格式视频文件采集

    在对某在线视频网站抓包分析时,发现该站点采用m3u8格式进行视频文件传输. 通过m3u8的response可以看到,m3u8格式文件由很多段ts文件组成.那么什么是m3u8,什么是ts呢? M3U8是 ...

  5. srs服务器播放文件,使用SRS+ffmpeg搭建流媒体服务器播放m3u8格式视频

    1.简介 srs是一个简单的流媒体开源直播软件,ffmpeg是完整的跨平台解决方案,用于记录,转换和流传输音频和视频. 2.相关 官网下载页面:点击我到达 在线演示播放页面:点击我到达 Git页面:点 ...

  6. 使用javascript在各大视频网站一键抓取无水印m3u8格式视频并将视频下载成mp4格式(以Google抓取腾讯视频为例)

    两三天没有更新博客了,最近博主有点夏乏(其实是懒),今日在划水的时候无意中学到了使用javascrpit抓取m3u8格式视频的小技巧,因此进行延伸并作此博客进行记录.接下来,我将使用javascrip ...

  7. video插件播放m3u8格式视频(存原生)

    video插件播放m3u8格式视频(存原生) 这里使用原生的javascript实现m3u8格式视频播放. 使用了包括video.min.js库和HLS插件. 1-基础使用 <!DOCTYPE ...

  8. M3U8格式视频下载

    M3U8是一种流媒体,现多用于视频播放.当把m3u8格式视频的url下载下来用文本打开会发现其实只是一段字符串,包含了很多视频小片段的地址,那么怎么样把整个视频下载下来用于本地播放呢? 首先,m3u8 ...

  9. vue使用原生videojs 播放m3u8格式的视频——播放m3u8格式视频(一)

    vue使用原生video播放m3u8格式的视频 1.安装依赖 2.页面引入插件(这里我是页面单独引入,减少项目体积) 3.页面中的使用 常见问题 4.实现过程 5.实现.m3u8格式视频播放方法 1. ...

最新文章

  1. 百度地图发布专网地图时空数据托管平台,构建智慧城市数字底盘
  2. Sidebar 左右菜单的使用
  3. linux C++怎么转java?从云计算切入容易么?
  4. [转贴]玩你没商量:ADSL速率数字游戏解密
  5. (送书和红包)快人一步,掌握前端函数式编程
  6. linux下几个压缩命令
  7. vim插件管理器minpac安装及使用
  8. Mvc6 错误Microsoft.AspNet.Http.Features.IRequestIdentifierFeature
  9. java虚拟机家族种类
  10. vscode 启用open with live server功能,配置谷歌浏览器chrome
  11. matlab高斯滤波跟中值滤波区别,基于MATLAB图像处理的中值滤波、均值滤波以及高斯滤波的实现与对比...
  12. java 华氏温度转换为摄氏温度
  13. pandas 数据透视表
  14. unity动态加载FBX模型
  15. 华为手机语音通话时断时续原因
  16. 关于解码 decode 的错误
  17. DML、DDL、DCL、CRUD指什么?
  18. 弱网测试(ios手机自带)
  19. Java基础-程序基础
  20. HarmonyOS实战—可编辑的卡片交互

热门文章

  1. 转:追忆那些逝去的开源人
  2. js-alert-notificationFx.js
  3. 百亿级餐饮企业海底捞,如何让近300家连锁门店“智慧化”?
  4. 坐商行商,你准备好了吗?
  5. 可以远程启动魔兽服务器么,暗影国度开服服务器爆满怎么办?向日葵远程控制让你告别排队!...
  6. 梁宁《产品思维》之22名字和口碑
  7. 如何在工作中如鱼得水?有三点很重要。。。
  8. 超全!李航《统计学习方法》读书笔记
  9. 造成电路板焊接缺陷的三大因素详解
  10. 小明用计算机算出58十35,小学一年级数学下册易错题