网页html5播放器,一个强大的开源HTML5视频播放器，字节出品

哈喽，大家好！现在短视频、直播十分的火，相信许多开发童鞋都遇到要在项目中加入视频组件的情况吧。

一般视频播放或者直播的前端组件都要有诸如弹幕、清晰度调整、倍数播放等功能，今天精选板给大家带来的就是这样一款完善的HTML5视频播放组件–xgplayer(西瓜播放器)！

西瓜播放器是一个HTML5播放器类库，它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。它可以作为 H5 组件、Vue、React 组件单独使用。

更重要的是它不只是在 UI 层有灵活的表现，在功能上也做了大胆的尝试：摆脱视频加载、缓冲、格式支持对 video 的依赖。尤其是在 mp4 点播上做了较大的努力，让本不支持流式播放的 mp4 能做到分段加载，这就意味着可以做到清晰度无缝切换、加载控制、节省视频流量。同时，它也集成了对 flv、hls、dash 的点播和直播支持。

而且上手开发也十分简单，官方开发文档也十分完善：

快速上手

只需三步：安装、DOM占位、实例化即可完成播放器的使用。

安装

# 最新稳定版

$ npm install xgplayer

对于已有项目也可以通过 CDN 引入，代码如下：

使用

1. 在页面提供占位 DOM

2. 实例化

let player = new Player({ id: 'mse', url: '//abc.com/**/*.mp4'});

就两步完成最简单的视频播放(mp4点播)，播放器提供了较丰富的配置选项，如自动播放、贴图、音量控制、内置控件关闭等等，更多配置参考配置。

如果想完成直播的功能，播放器会自动识别直播或回放，更多内容请参考官方示例。

注意

播放器核心包和插件都使用 babel 编译到 ES5。

效果

原文出处：微信公众号【精选展示板前端潮咖】

本文观点不代表Dotnet9立场，转载请联系原作者。

网页html5播放器,一个强大的开源HTML5视频播放器，字节出品相关推荐

html5+php视频播放器,一个好用的html视频播放器兼容主流浏览器
最近工作上的需求需要对移动客户端上发送的视频在网页上播放,and 上传视频并在网页上播放(例如上传教学视频或者动态分享等)(博主碎碎念:移动客户端上传的你不会用手机的播放器看啊,网页上上传你不会上传到 ...
html5支持4k视频播放器,哪个是最好的4K视频播放器？五个最佳播放软件（个人经验）...
哪个是最好的4K视频播放器? 4K视频使用什么播放器?这是每个人问得最多的问题. 4K老实决定与您分享播放4K视频的经验,并推荐几种常用的4K视频播放器. ▌播放软件: PowerDVD ▌推荐指数: ...
3 款强大的开源密码管理器
点击上方"民工哥技术之路",选择"设为星标" 回复"1024"获取独家整理的学习资料! 我们现在每个人都离不开互联网,所以在很多网站上都有很 ...
一个强大的开源的基于Spring Boot开发的Web支付系统项目，支持聚合码支付
一个强大的开源的基于Spring Boot开发的Web支付系统项目,支持聚合码支付.
Padloc：一个直观的开源密码管理器
让我们了解一下这个具有令人愉悦的用户界面.跨平台可用的开源密码管理器. 有大量适用于个人和团队的免费的和收费的密码管理器. 然而,当谈到开源方案时,它通常仅限于几个好的方案,如 Seahorse.Ke ...
介绍当前流行的一些开源Flash视频播放器
栏目导航 Java开源 OPEN文档 OPEN搜索 OPEN家园 OPEN资讯提交开源项目 A Accordion AutoComplete Animation C Calendar Charts ...
【简便的PyQt5】制作一个极具特色的视频播放器
[简便的PyQt5]制作一个极具特色的视频播放器写在前面效果展示开源代码 loadInputVideo.py demo.py 写在前面实现了以下功能 : ❤ PyQt5本地上传视频 ❤ ...
android默认视频播放器,WebView不打开android默认视频播放器？
当我在我的android设备的默认网页浏览器上查看this page并点击第一个视频时,它会触发我设备的默认视频播放器.它加载和播放.WebView不打开android默认视频播放器? 但是,当我在我 ...
一个牛逼的开源 H5 视频播放器
[公众号回复 "1024",免费领取程序员赚钱实操经验] 大家好,我是章鱼猫.今天给大家分享的这个开源项目,对于前端开发者来讲非常非常的有用.因为它是一个 H5 的视频播放器. 字 ...

网页html5播放器,一个强大的开源HTML5视频播放器，字节出品

网页html5播放器,一个强大的开源HTML5视频播放器，字节出品相关推荐

最新文章

热门文章