larkplayer
 
ä¸æ–‡ï½œEnglish
简介
larkplayer 是一款轻é‡?ã€?å?¯æ‰©å±•çš„ html5 æ’放器。
æ ¸å¿ƒåœ¨äºŽæ?’件化的机制，使得æ’放器å?¯ä»¥åƒ?é«˜è¾¾ä¸€æ ·å?¯æ‹†å?¸å’Œç»„装，从而舒适地支æŒ?业务从简å?•åˆ°å¤?æ?‚çš„æ¼”å?˜ã€‚
功能支�
- 支æŒ? mp4ã€?webmã€?oggã€?m3u8 多ç§?æ ¼å¼?
- 支æŒ? PCã€?ç§»åŠ¨ç«¯è‡ªé€‚åº”æ ·å¼?
- 支æŒ?视频点æ’ã€?ç›´æ’
- 支æŒ?æ–点ç»æ’功能
- 支�360°全景视频
相关功能通过æ?’件æ??供，请å?‚考下文的æ?’ä»¶ç« èŠ‚
特性
- 体积�巧，~12KB(gzip)
- 解决大部分兼容性问题，如全å±?ã€?移动端内è?”æ’放ç‰
- æ??供事件机制，支æŒ?自定义事件
- æ??ä¾›æ?’件机制，支æŒ?多ç§?æ?’件类型
- 原生 javascript ç¼–å†™ï¼Œæ— ç‰¹å®šæ¡†æž¶ä¾?èµ–
查看在线示例
下载
NPM
npm install larkplayer
CDN
<script src="https://unpkg.com/larkplayer@latest/dist/larkplayer.js"></script>
快速上手
通过 script 的方�
<!DOCTYPE html>
<html>
<head>
  <title>larkplayer quick start</title>
</head>
<body>
<video id="my-video" src="https://baikebcs.bdimg.com/baike-other/big-buck-bunny.mp4" width="400" height="300" controls>
请�级�览器以支� html5 video
</video>
<script type="text/javascript" src="https://unpkg.com/larkplayer@latest/dist/larkplayer.js"></script>
<script type="text/javascript">
// js 文件以 umd 的形�包装，以 script 的形�引用时，larkplayer 会直接挂载在 window 上
var player = larkplayer('my-video', {
width: 640,
height: 360
}, function () {
console.log('player is ready');
});
player.on('firstplay', function () {
console.log('firstplay');
});
// 支æŒ?所有的 html5 æ ‡å‡†äº‹ä»¶
player.on('play', function () {
console.log('play');
});
player.on('ended', function () {
console.log('ended');
player.src('http://www.w3school.com.cn/i/movie.ogg');
player.play();
});
</script>
</body>
</html>通过 npm + es6 的方�
import larkplayer from 'larkplayer';
const player = larkplayer('video-el');文档
�件
- larkplayer-ui æ??供适应 PC 与 Mobile çš„æ ·å¼?
- larkplayer-hls 支� M3U8 视频类型
- larkplayer-vr 支� VR 全景视频
- larkplayer-auto-resume æ??ä¾›æ–点ç»æ’功能
- larkplayer-play-muted é?™éŸ³æ’放时，为用户æ??ä¾›æ??示与交互
如何贡献代ç ?
- fork 或 clone 代ç ?到本地
- 修改代ç ?
- 使用 fecs 检查 js 代ç ?规范
- åœ¨é¡¹ç›®æ ¹ç›®å½•ä¸‹æ‰§è¡Œ fecs src （更多选项å?¯å?‚考 fecs_eslint_wiki）
- ä¿®å¤?所有级别为 ERROR çš„æ??示
- 建议修å¤?所有级别为 WARN çš„æ??示
- 执行测试
- 切�到 test 目录，并执行 karma start
- 修�未通过的 case
- æ??交 pull request
使用交�
QQ 群：860073225
Change Log
License
larkplayer is MIT licensed