react做h5 例子_写了一个React开源播放器组件,了解一下?

本文介绍了基于 React 开发的 qier-player 播放器组件,该组件具备基本的视频播放功能,如暂停、播放、全屏、音量调节等。作者分享了组件的源代码,并提供了演示网站链接。最近的更新包括视频格式兼容性改进、全屏交互修复和播放速度控制等功能。如果你在寻找简洁美观的 React 视频播放器解决方案,qier-player 可能是个不错的选择。
摘要由CSDN通过智能技术生成

2b4a904640b3d5ad2603ee66de26193f.png

学习了 React 之后,做了多多少少的小项目,奈何自己做的再认真,都觉得是自娱自乐,找工作过程中,面试官也不承认这些自己做的项目能对工作带来多大帮助,比较迷茫,就想着做点开源玩玩,刚好也锻炼一下自己写 React 组件的能力,思来想去自己和女票都比较喜欢电影,与电影有关的有播放器这么一个想法,于是就撸了一个h5播放器,以女票的名来命名,叫做

qier-player

目前基本实现了在线播放器所需的基本功能,比如暂停、播放、全屏、音量调节、进度条拖拽、倍速等,之后再准备写一下快捷键,以及一些性能优化,有兴趣的朋友可以了解下,万一你的项目中要用到播放器,又不想自己重新写一个,又嫌原生的播放器功能太少,或者不太美观,那这里就是给你提供便利的地方了~~

以下是这个开源组件的源代码,欢迎 star 和提建议!~

https://github.com/vortesnail/qier-player​github.com

介绍

qier-player 是一个基于 React 编写的在线视频播放器组件,界面简洁,操作流畅,具有大部分视频播放器的基础功能。支持视频清晰度的切换,提供了原画、4K、2K、1080P、720P、480P 的视频源

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值