一款优秀的HTML5视频播放器插件,支持字幕弹幕直播
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件——MuiPlayer。
MuiPlayer 是一个开源的HTML5视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节等功能。支持 mp4、m3u8、flv 等多种媒体格式播放,解决大部分兼容问题,同时适应在PC、手机端播放。
特点各浏览器平台播放 ui 不能统一 ui 扩展之间以及状态处理容易产生冲突 在不同环境下(android、ios、pc)针对 h5 video api 可能触发事件的时机尽不相同 媒体格式存在各种兼容问题,muiplayer 处理了大多数在不同环境下播放的兼容问题 具有丰富的参数可以自定义播放器实例,通过轻松的配置即可完成自定义场景的视频播放 快速开始安装
使用 npm 安装: npm i mui-player --save
使用 yarn 安装: yarn add mui-player使用
1 使用 script 标签引入:
或者使用模块管理器引入: import "mui-player/dist/mui-player.min.css" import MuiPlayer from "mui-player"
2 定义播放器容器
3 初始化构建播放器 // 初始化 MuiPlayer 插件,MuiPlayer 方法传递一个对象,该对象包括所有插件的配置 var mp = new MuiPlayer({ container:"#mui-player", title:"标题", src:"./static/media/media.mp4", })
以上就能为初始化构建一个具有默认配置控件的视频播放器。
更多API基础配置: https://muiplayer.js.org/zh/guide/api.html#%E4%B8%BB%E8%A6%81%E9%85%8D%E7%BD%AE
效果演示基础效果
直播模式
播放字幕
播放弹幕
多窗口播放
更多内容大家可自行前往阅读。
开源地址:https://gitee.com/muiplayer/hello-muiplayer
海信液晶电视质量究竟怎么样?谁能给点建议?不怎么样,刚过质保就黑屏,维修工人还说不一定能修,感觉就是买了个垃圾。和以前质量差远了,我家这是第三台了,第一台用了七八年,第二台四年就坏了,第三台第二年就坏了,包修后又过了两年又
健康码到底是谁发明的呢?健康码在疫情防控中的作用可谓功不可没,它的工作原理是基于定位,既包括基站定位卫星定位,也包括WIFI定位,即便关机或拔卡都不影响手机定位。在手机定位的基础上,通过消费记录乘车记录飞
小米11Lite5GNE新机即将登陆印度市场小米11系列已经拥有相当庞大的阵容,其中包括了小米11标准版11Pro11Ultra和小米11X11Pro等机型。不过几周后,该公司还将带来小米11T与Lite衍生版本。近日有报道
玩游戏不喜欢卡,最好散热性能好,有符合要求的手机吗?我推荐最新的红魔6spro,自带散热风扇,肯定比没有风扇的手机要好的多。红魔出这么多代了也是比较成熟了。别的手机不管你内置什么散热材料,一个道理都是要通过表面散热出去的,还有什么液
微信和QQ,你比较喜欢用哪个?QQ,一般只在pc端用,沿用了以前的习惯,现在也多用于工作上的沟通。微信主要是朋友圈,手机上使用率非常高。但是现在越来越多的人醒来第一件事已经不是微信或qq了,而是打开头条,看看粉
普通人适不适合使用5G手机?5G手机广泛使用于哪些人?现在都2021年9月了,还问普通人适不适合使用5G手机,你现在去购买手机,看看市面上在售的手机里面,5G手机是不是成为了主流?当初在5G上面最不积极的苹果,它在去年推出的iPhon
最新电脑为什么用ghost无法安装系统?安装版正常?为什么?因为硬盘有隐藏分区,通过PE把隐藏分区删除就可以正常Ghost。由于最新的电脑基本都是采用的UEF启动模式,硬盘分区一般都是GPT分区,系统安装模式一般都是UEFI模式,和传统BI
你人生中的第一部手机是什么牌子的?多大时候买的?第一部手机2016年买的三星note5,4880元,那时候18岁,刚出来打工不到三个月,那时候一个月才两千五,我人生的第一部手机是熊猫牌比较小是白色翻盖,黑白屏的。是什么型号就忘记
助听器为什么要订做耳模,有什么用处?助听器耳模是为耳背式助听器特别定制的耳塞,它在耳聋听力补偿中具有十分重要的作用1。定制比较好的耳模可提高助听效果30左右。2。防止并降低啸叫及杂音,消除声反馈啸叫。3。固定助听器。
如何清洁助听器耳模?你好,可以收藏一下几个要点1每天用干燥柔软的布料把耳模擦净,并除去声孔内的污物。2每周用肥皂水洗涤一次,去掉油污。切记不可用酒精擦洗,因为酒精可溶解耳模材料,用酒精擦洗后耳模表面会
把钱放支付宝的余额宝好,还是微信零钱通好?这是有钱人的烦恼,我这三位数的余额放哪都无所谓支付宝的余额宝出来后我就一直用着,刚开始确实收益高,一万每天能给一元多,后来又出了余利宝比余额宝收益多一点,现在基本上余额宝和余额宝差