https://github.com/dblate/larkplayer-auto-resume
A plugin for larkplayer to resume on break
https://github.com/dblate/larkplayer-auto-resume
html5-video larkplayer player video-player
Last synced: 9 months ago
JSON representation
A plugin for larkplayer to resume on break
- Host: GitHub
- URL: https://github.com/dblate/larkplayer-auto-resume
- Owner: dblate
- Created: 2018-08-22T11:13:37.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-05-09T06:05:37.000Z (about 7 years ago)
- Last Synced: 2025-08-09T09:43:41.282Z (10 months ago)
- Topics: html5-video, larkplayer, player, video-player
- Language: JavaScript
- Size: 52.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# larkplayer-auto-resume
[larkplayer](https://github.com/dblate/larkplayer) 断点续播插件
## 下载
NPM
```bash
npm install larkplayer-auto-resume
```
CDN
```
```
## 使用
#### script
```html
larkplayer test
var width = Math.min(document.body.clientWidth, 640);
var player = larkplayer('my-video', {
width: width,
height: width * 9 / 16,
plugin: {
// 设置插件参数
autoResume: {
// 标记已播放过的视频的 key，默认为视频 src
// 考虑到相同的视频可能 src 并不完全相等，因此提供此函数，使用者可以自己设置相对稳定的 key 值
// 该函数在每次播放时均会调用
key: function (src) {
var result = src;
var match = src.match(/\/([\w\-]+)\.mp4/);
if (match && match.length) {
// 'big-buck-bunny'
result = match[1];
}
return result;
},
// 最小播放时长，默认为 0s，当上次播放时长大于此值时才会启用自动续播的策略
minPlayed: 5,
// 最大播放时长，默认为视频总时长 - 5s，可为正数或负数
// - 为正数时，即为最大播放时长，上次播放时长小于此值时才会启用自动续播策略
// - 为负数时，表示距离视频总时长的秒数
maxPlayed: -5
}
}
});
```
#### modular
```javascript
import larkplayer from 'larkplayer';
import 'larkplayer-auto-resume';
const player = larkplayer('video-el-id', {
width: 480,
height: 270,
plugin: {
autoResume: {
key: src => src.replace('https://', ''),
minPlayed: 5,
maxPlayed: -5
}
}
});
```